Güzel CSS Kodları
3 posters
:: Türkiyem :: M.Kemal Atatürk
1 sayfadaki 1 sayfası
Güzel CSS Kodları
Kategorileri Phpbb3 gibi oval yapmak
Sadece Mozilla da Gözükür!!
Sadece kategorileri tablolarını oval yapmak için
Profil kutusunu çerçeveleme
Önce ;
Sonra ;
15=>çizgi kalınlığı..değiştirebilirsiniz..4ünüde
#fff=> arka plan rengi.. şuan transparandır..isterseniz renk koyabilirsiniz.
red=> renktir.. istediğiniz rengi koyabilirsiniz..otomatikmen diğer 2 rengi açar..yani gölgeli gibi olur
BBCODE leri Değiştirme
Nicki Şekillendirin
arka plana renk koymak istiyorsanız
Butonları şekillendirme
Kırmızı ve yeşil olan rep renklerini değiştirme
- Kod:
th {
color: #ffa34f;
font-size: 11px;
font-weight : bold;
background-color: blue;
height: 25px;
-moz-border-radius: 15px;
}
.forumline{
background-color: #ffffff;
-moz-border-radius: 15px;
border-color: red;
}
Sadece Mozilla da Gözükür!!
Sadece kategorileri tablolarını oval yapmak için
- Kod:
.forumline{
background-color: #ffffff;
-moz-border-radius: 15px;
border-color: red;
}
Profil kutusunu çerçeveleme
Önce ;
Sonra ;
- Kod:
fieldset{
-moz-border-radius: 20px;
background-color : #fff;
padding-left : 7px;
padding-right : 7px;
border-right: red 15px outset; border-top: red 15px outset; border-left: red 15px outset; border-bottom: red 15px outset
}
15=>çizgi kalınlığı..değiştirebilirsiniz..4ünüde
#fff=> arka plan rengi.. şuan transparandır..isterseniz renk koyabilirsiniz.
red=> renktir.. istediğiniz rengi koyabilirsiniz..otomatikmen diğer 2 rengi açar..yani gölgeli gibi olur
BBCODE leri Değiştirme
- Kod:
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Arial,Verdana,Tahoma,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-image: url("http://i44.servimg.com/u/f44/12/44/30/06/header10.png");
background-position: top;
overflow: visible;
vertical-align:middle;
-moz-border-radius: 15px;
border : 1px solid green;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
button.bbcode {
background-image: url("http://www.trabzonspor.org.tr/Upload/Sporcu/buyuk/alanzinho.jpg");
-moz-border-radius: 15px;
border : 1px solid red;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
https://i.servimg.com/u/f44/12/44/30/06/header10.png=> basılmadan önceki resim.
http://www.trabzonspor.org.tr/Upload/Sporcu/buyuk/alanzinho.jpg=>basıldıktan sonraki resim.
green=> basılmadan önceki kenarlık rengi
red=>basıldıktan sonraki i kenarlık rengi
Nicki Şekillendirin
- Kod:
.name{
font-size : 11px;
color : #fcfcfc;
-moz-border-radius: 15px;
background-image: url("http://i44.servimg.com/u/f44/12/44/30/06/header10.png");
border : 1px solid #000000;
font-family : Bleeding Cowboys;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
font-size : 11px; boyutudur..büyütebilirsiniz..
https://i.servimg.com/u/f44/12/44/30/06/header10.png :> yerine istediğğiniz remi koyabilirsiniz..
Bleeding Cowboys;=> yerine herhangi bir yazı fontu
arka plana renk koymak istiyorsanız
- Kod:
.name{
font-size : 11px;
color : #fcfcfc;
-moz-border-radius: 15px;
background-color: red;
border : 1px solid #000000;
font-family : Bleeding Cowboys;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
Butonları şekillendirme
- Kod:
input.mainoption {
background-color : ;
background-color: red;
font-weight : bold;
-moz-border-radius: 15px;
background-color: red;
border : 1px solid #000000;
font-family : Bleeding Cowboys;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
input.liteoption {
background-color: red;
font-weight : normal;
-moz-border-radius: 15px;
background-color: red;
border : 1px solid #000000;
font-family : Bleeding Cowboys;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
Bleeding Cowboys yerine yazı fontu
red yerine ingilizce renk
Kırmızı ve yeşil olan rep renklerini değiştirme
- Kod:
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid white;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:-2px;
margin-left:-2px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: green;
}
.vote .vote-bar-minus {
background-color: red;
}
solid white; => white... kenarlık rengi... istediğiniz gibi renk kodu yada ingilizce renk kullanabilirsiniz...
background-color: green; => green... olumlu rep rengi... istediğiniz gibi renk kodu yada ingilizce renk kullanabilirsiniz...
background-color: red;=> red... olumsuz rep rengi... istediğiniz gibi renk kodu yada ingilizce renk kullanabilirsiniz...
Geri: Güzel CSS Kodları
Sağ TIkı Kaldırımısınız Kopyalanmıyo Kodlar
Best- Cinsiyet :
Mesaj Sayısı : 54
Kayıt Tarihi : 07/11/09
Geri: Güzel CSS Kodları
Biliyom Ama Aa Pardon Ben İnternet Exploler'den Giriyom Özür Dilerim
Best- Cinsiyet :
Mesaj Sayısı : 54
Kayıt Tarihi : 07/11/09
:: Türkiyem :: M.Kemal Atatürk
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz