Anasayfa

Css ile linklere özel bir yapı atamak

İlgili Konular: CSS ile ilgili Örnekler

Diyelim ki sayfanızın sitil sayfasında linklerinize özel bir yapı hazıladınız. Bunu yapmanın yöntemini çoğumuz biliyoruz:

a{
color: black;
text-decoration:none;
}

gibisinden bir şeyler. Ama ben öylesine bir şey istiyorum ki, sayfamda verdiğim link "http:" ile başlarsa sitili ayrı, "pdf" ile biterse sitili ayrı konumlandırmak istiyorum. Bunu nasıl yaparım? Şöyle ki:

a[href^="http:"]{background: url(img/externalLinkImage) no-repeat right center;padding-right: 1em;}

yapısı sayfanızda "http:" ile başlayan linkleri anlatır. Geri kalanı bildiğimiz gibi. Buradaki ^ işareti baş manası taşıyor.

a[href$=".pdf"]{background: url(img/pdfImage) no-repeat right center;padding-right: 1em;
}

Bu kodda ise .pdf ile biten linkleri ayırıyoruz ve ona özel bir yapı kodluyoruz. Buradaki $ ise sonu manası taşıyor.

Kendi dileğiniz doğrultusunda bu CSS’leri kullanabilirsiniz.

Pzr, 03/21/2010 - 21:25 tarihinde Cihan_ gönderdi

Yeni yorum veya soru gönder

Bu alanın içeriği gizlenecek, genel görünümde yer almayacaktır.
  • Glossary terms will be automatically marked with links to their descriptions. If there are certain phrases or sections of text that should be excluded from glossary marking and linking, use the special markup, [no-glossary] ... [/no-glossary]. Additionally, these HTML elements will not be scanned: a, abbr, acronym, code, pre.

  • Eklediğiniz bağlantılara rel="nofollow" eklenerek, eklediklerinizin arama motorları tarafından bu site üzerinden indexlenmesi engellenir.

  • You may insert videos with [video:URL]

Biçimlendirme seçenekleri hakkında daha fazla bilgi


CAPTCHA
Bu soru sizin gerçek bir ziyaretçi olup olmadığınızı anlamak için sorulmaktadır..
CAPTCHA resmi
Resimdeki karakterleri giriniz.