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
» Profil alani
Dün 1:37 tarafından snappy

» Portal istek
Cuma 19 Mayıs 2017 - 8:06 tarafından Kertelek

» Kategorilerin üzerine duyuru
C.tesi 13 Mayıs 2017 - 16:29 tarafından Maxelle

» SSL Sertifika güvenli değil htpps
Perş. 11 Mayıs 2017 - 17:04 tarafından Atiim

» [Önemli] Türk destek forumunda artık destek verilmeyecektir.
Salı 9 Mayıs 2017 - 22:35 tarafından CodeMan

» Anasayfa Son Mesajlar Çerceve
Paz 7 Mayıs 2017 - 1:14 tarafından Maxelle

» Web siteme girince müstehcen virüslü sayfalar çıkıyor!..
Cuma 5 Mayıs 2017 - 10:24 tarafından Sedat Yıldırım

» Alan adı onaylanması
Çarş. 3 Mayıs 2017 - 3:26 tarafından Atiim

» Banner istek
Salı 2 Mayıs 2017 - 15:24 tarafından Kertelek

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 !
avatar
Atiim
Yetkinyönetmen
Yetkinyönetmen

Erkek
Mesaj Sayısı : 10153
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