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

[Atiim]

Merhaba,

• İlk görünüm :
  

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

Renkleri, stili siz ayarlayabilirsiniz

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.