Bedava Forum: Yetkinforumun Destek Forumu
Yetkinforum'un destek forumuna hoş geldiniz Smile

Eğer üye iseniz lütfen giriş yapınız, eğer henüz üye değilseniz ve forumdan tam olarak yararlanmak istiyorsanız bizim topluluğumuza katılabilirsiniz

Bu forum gibi ücretsiz forum kurmak
Öğretici Konular Ara...
Sorularınızın Cevaplarını daha kolay bulabilmek için bu arama yerini kullanabilirsiniz !



Görünüm olarak :



Giriş yap

Şifremi unuttum

En son konular
» Site Virüs Sorunu ?
Perş. 1 Ara. 2016 - 12:03 tarafından Speedy

» Eskiden ne popülerdi : )
Paz 27 Kas. 2016 - 23:20 tarafından Sabocan

» Hesap şifremi unuttum
Paz 16 Ekim 2016 - 2:57 tarafından Atiim

» Html - Js bölümü hakkında bilgi
Çarş. 12 Ekim 2016 - 1:08 tarafından snappy

» Modeller de yapılan değişiklik hakkında
Çarş. 12 Ekim 2016 - 0:48 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Çarş. 28 Eyl. 2016 - 4:00 tarafından Atiim

» 7 yıl önce açtığım sitemi silmek istiyorum
Çarş. 28 Eyl. 2016 - 3:48 tarafından Atiim

» Arkadaşlık Sitesi için Api
Ptsi 26 Eyl. 2016 - 3:46 tarafından Niko!

» Dışarıdan alınan domaini siteme nasıl yönlendiririm?
Paz 25 Eyl. 2016 - 19:45 tarafından Atiim

Bedava forum kurmak
Facebook/Twitter
 
 

Bölüm ismine değişik stil vermek {CSS}

Önceki başlık Sonraki başlık Aşağa gitmek

Bölüm ismine değişik stil vermek {CSS}

Mesaj tarafından Atiim Bir Cuma 28 Mayıs 2010 - 15:25

Merhaba,

  • İlk görünüm :

  • Mause ile üzerine gelince görünüm :


Renkleri, stili siz ayarlayabilirsiniz Smile

CSS için kod :
Kod:
a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #d5cec8;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Arial;
font-size: 11px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #7663d9;
border-left: 9px solid #7663d9;
border-right: 9px solid #7663d9;
-moz-border-radius:6px;}

a.forumlink {
background-color: #transparent;
  text-shadow: #dad0c7 1px 1px 1px;
  background-image: url('http://www.picdo.net/fichiers/2010/5/28/5c8d1b98-6f9d-4167-9a5e-9c84a89573ba_pembe.png');
color: #989b96;
display: block;
font-family: Freestyle Script;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink {
background-color: #transparent;
  text-shadow: #dad0c7 1px 1px 1px;
  background-image: url('http://www.picdo.net/fichiers/2010/5/28/5c8d1b98-6f9d-4167-9a5e-9c84a89573ba_pembe.png');
color: #989b96;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://www.picdo.net/fichiers/2010/5/28/5c8d1b98-6f9d-4167-9a5e-9c84a89573ba_pembe.png');
color: #7663d9;
display: block;
font-family: Courier New;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }

  • Mause ile üzerine gelince sağ ve sol'da çıkan mor rengi (arka plan) değiştirmek için :


  • Arka plandaki pembe rengi değiştirmek için :
    background-image yada http://www.picdo.net/fichiers/2010/5/28/5c8d1b98-6f9d-4167-9a5e-9c84a89573ba_pembe.png diye aratın. Bu renkler resimdir, bu yüzden rengi bir grafik programından yapabilirsiniz.


Örnek ;
<Pembe> http://www.picdo.net/fichiers/2010/5/28/5c8d1b98-6f9d-4167-9a5e-9c84a89573ba_pembe.png
<Yeşil> http://www.picdo.net/fichiers/2010/5/28/04642307-4282-4552-b366-755ebe210428_yesil.png
<Mor> http://www.picdo.net/fichiers/2010/5/28/7ced54a3-4204-4488-8d54-95f6c4074b0f_mor.png


  • Mause gelmeden önce ortadaki yazı rengini değiştirmek için :


  • Mause geldikten sonra ortadaki yazı rengini değiştirmek için :


------------------------------------------------------------------------------
Herhangi bir soru için : yeni konu açabilirsiniz. Wink


Forum Kuralları | Grafik Bölümü | Staff Ekibi
Elissa'ya teşekkürler

-----------------------------------------------------------------
Kurucu şifrenizi mi kaybettiniz ? » çözüm !

Atiim
GenelModeratör
GenelModeratör

Erkek
Mesaj Sayısı : 10106
Uyarı yok

http://destek.yetkin-forum.com/

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

Önceki başlık Sonraki başlık Sayfa başına dön

- Similar topics

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