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
» Admin şifremi unuttum yardım edebilecek varmı
Perş. 16 Şub. 2017 - 3:06 tarafından Atiim

» HTTPS protokolü yakında geliyor
Perş. 9 Şub. 2017 - 0:33 tarafından snappy

» Forumun internet adresi
Salı 7 Şub. 2017 - 13:50 tarafından Speedy

» SİTE ERİŞİMİ
C.tesi 4 Şub. 2017 - 1:18 tarafından snappy

» Bu mesajda engellenmiş içerik var
C.tesi 4 Şub. 2017 - 1:06 tarafından snappy

» Site Virüs Sorunu ?
C.tesi 4 Şub. 2017 - 0:18 tarafından snappy

» Merhaba
Salı 10 Ocak 2017 - 2:36 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Salı 10 Ocak 2017 - 2:14 tarafından snappy

» Eskiden ne popülerdi : )
Ptsi 9 Ocak 2017 - 23:23 tarafından mehmet07151

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ı : 10108
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