Gönderen Konu: CSS ile Title ve Alt Etiketlerini Renklendirme  (Okunma sayısı 527 defa)

Çevrimdışı Ata

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 134
  • Karma +1/-0
    • Profili Görüntüle
CSS ile Title ve Alt Etiketlerini Renklendirme
« : 02 Mar 2014, 12:34:34 »
CSS henüz alt ve title etiketlerine direkt olarak erişemiyor. Fakat araya sıkıştırdığımız bir span sayesinde görsel açıdan zengin pencereler oluşturabiliyoruz.
Aşağıdaki kodlar tüm örnekler için gereklidir. Uygulama bu kodları CSS dosyanıza ekleyerek başlayabilirsiniz.
Kod: [Seç]
.aciklama-metni {
position: relative;
}
 
.aciklama-metni span {
margin-left: -999em;
position: absolute;
}
 
.aciklama-metni:hover span {
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 350px;
}
Değişik renk kodlari uygulayalim

Kod: [Seç]
.parlak {
font: 11px/19px tahoma, Geneva, sans-serif;
color:#333;
padding: 0.2em 0.4em;
text-shadow: #fff 1px 1px;
background-color:#eeeeee;
border:1px #666 solid;
-webkit-box-shadow: 0 11px 8px -6px #ccc;
-moz-box-shadow: 0 11px 8px -6px #ccc;
box-shadow: 0 11px 8px -6px #ccc;
}

HTML Kodları

Kod: [Seç]
<a href="#">webtiryaki.com<span>Adobe WordPress CSS ve SEO konulari.</span></a>
Bu uygulamayı sadece menü öğeleri ve belirli görseller için uygulamanızı öneririm. Tüm sayfanızın linklerini bu tarz bir açıklama metniyle değiştirmeniz performans açısından problem yaratır. Ayrıca fazlası yine SEO açısından da sıkıntı yaratabilir. Tadında bırakmakta fayda var.