Would you like to react to this message? Create an account in a few clicks or log in to continue.

Güzel CSS Kodları

3 posters

Aşağa gitmek

Çözüldü Güzel CSS Kodları

Mesaj tarafından Shady Perş. Ara. 31, 2009 5:03 pm

Kategorileri Phpbb3 gibi oval yapmak

Güzel CSS Kodları Screenshot006yhz

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

Güzel CSS Kodları Screenshot007j

Kod:
.forumline{
    background-color: #ffffff;
-moz-border-radius: 15px;
border-color: red;
}

Profil kutusunu çerçeveleme

Önce ;

Güzel CSS Kodları Screenshot002sgh

Sonra ;

Güzel CSS Kodları Screenshot001f

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

Güzel CSS Kodları Screenshot003mww

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

Güzel CSS Kodları Screenshot001p

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

Güzel CSS Kodları Screenshot001k

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...
Shady
Shady
Süper Moderatör
Süper Moderatör

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 137
<b>Doğum Tarihi</b> Doğum Tarihi : 06/06/95
<b>Kayıt Tarihi</b> Kayıt Tarihi : 26/12/09
<b>Yaş</b> Yaş : 28
<b>Nerden</b> Nerden : Bursa

http://www.matraktime.yetkinforum.com

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Sky Blue Perş. Ara. 31, 2009 5:13 pm

Güsel Kodlar Saol Paylaşım İçin
Sky Blue
Sky Blue
Administratör
Administratör

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 257
<b>Doğum Tarihi</b> Doğum Tarihi : 27/06/89
<b>Kayıt Tarihi</b> Kayıt Tarihi : 01/07/09
<b>Yaş</b> Yaş : 34
<b>Nerden</b> Nerden : Bayburt

https://skyblue.forum.st

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Shady Cuma Ocak 01, 2010 9:54 am

Ben Teşekkür Ederim !
Shady
Shady
Süper Moderatör
Süper Moderatör

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 137
<b>Doğum Tarihi</b> Doğum Tarihi : 06/06/95
<b>Kayıt Tarihi</b> Kayıt Tarihi : 26/12/09
<b>Yaş</b> Yaş : 28
<b>Nerden</b> Nerden : Bursa

http://www.matraktime.yetkinforum.com

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Best Cuma Ocak 01, 2010 11:52 am

Tşk ler
Best
Best
Yeni Başlamış
Yeni Başlamış

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 54
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/11/09

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Shady C.tesi Ocak 02, 2010 1:50 pm

Önemli Değil

İşinize Yaradı İse Mutlu Olurum (:
Shady
Shady
Süper Moderatör
Süper Moderatör

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 137
<b>Doğum Tarihi</b> Doğum Tarihi : 06/06/95
<b>Kayıt Tarihi</b> Kayıt Tarihi : 26/12/09
<b>Yaş</b> Yaş : 28
<b>Nerden</b> Nerden : Bursa

http://www.matraktime.yetkinforum.com

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Best C.tesi Mart 06, 2010 4:57 pm

Sağ TIkı Kaldırımısınız Kopyalanmıyo Kodlar
Best
Best
Yeni Başlamış
Yeni Başlamış

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 54
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/11/09

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Sky Blue C.tesi Mart 06, 2010 6:33 pm

Ctrl+C Kombinasyonunu Kullan Göz Kırpması
Sky Blue
Sky Blue
Administratör
Administratör

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 257
<b>Doğum Tarihi</b> Doğum Tarihi : 27/06/89
<b>Kayıt Tarihi</b> Kayıt Tarihi : 01/07/09
<b>Yaş</b> Yaş : 34
<b>Nerden</b> Nerden : Bayburt

https://skyblue.forum.st

Sayfa başına dön Aşağa gitmek

Çözüldü Geri: Güzel CSS Kodları

Mesaj tarafından Best Paz Mart 07, 2010 11:40 am

Biliyom Ama Aa Pardon Ben İnternet Exploler'den Giriyom Özür Dilerim
Best
Best
Yeni Başlamış
Yeni Başlamış

<b>Cinsiyet</b> Cinsiyet : Erkek
<b>Mesaj Sayısı</b> Mesaj Sayısı : 54
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/11/09

Sayfa başına dön Aşağa gitmek

Sayfa başına dön


 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz