Yalnızca metinden oluşan linkler yavaş yavaş demode olmaya başladı. Çünkü bir css tekniği ile artık linklerin yanlarına kolayca küçük simgeler ekleyebiliyoruz. Bu da linklerin daha çok anlam kazanmasına yarıyor.
Elbette linklerin yanına kendimiz el ile teker teker simge eklemiyoruz :) Bunu otomatik yapan bir CSS tekniğinden faydalanıyoruz. Bu güzel tekniği şu sayfadan öğrenebilirsiniz.
Ve şimdi sıkı durun ...
Bir de bu tekniği web sayfanıza kolay yoldan entegre etmenizi sağlayan bir dosya buldum. Bu sayfadan indireceğiniz dosya ile web sitenizdeki linklerin yanına otomatik olarak simge ekleniyor. İçerisindeki css dosyasını web sayfanıza bağlamanız yeterli. Ve şöyle bir sonuç alıyorsunuz:
Bu teknik Internet Explorer 7, Firefox, Camino, Safari ve Opera ile çalışabilmektedir.
- eburhan
- 13 yorum var
- 06 Şubat 2007 10:49
« önceki yazı İklim Değişimi |
sonraki yazı » Netscape 9 geliyor ... |
Yorumlar
@eburhan hocam büyüksün!!! Gerçekten çok işime yarayacak bir kaynak vermişsin..
Sitede yer alan yazıların yorum kısımlarında yazının geliştirilmiş varyasyonlarını bulabilirsiniz. Bazı eklemeler yaptım ve diğer -standart dışı- kullanımlar için classları belirttim.
javacriptle de yapılabilir. çünkü bu attribute olayı sadece ie7'de var diye biliyorum.
ilk önce getElementsByTagName('a') ile bütün linkler seçilir. sonra bi döngüyle regexle linki ne olduğu seçilir, ve ona göre class eklenir.
dur ben yapayım bi şunu.
Kusura bakmayın ama bu işlemin JS ile yapılmasını pek akıl kârı bulmuyorum. CSS ile yapacağınız işlemleri JS'ye attıkça browser daha fazla işlem yükü altına girer.
eburhan
js ile hazırlanmasının uygunluğu konusunda sana katılıyorum ancak css ile hazırlanan benim yazımda da belirttiğim class hazırlayarak yapılmasının dışında tüm browserlarda çalışması açısından js alternatifi bir çözüm şu an için yok sanırım.
bu konuda ne yapılabilir sorusuna ise şöyle bir çözüm önerebilirim.
<!--[if IE 6]>
script dosyası
<![endif]-->
şeklinde standart browserların dışında jsnin çalışması sağlanabilir. Yine bu şekilde css dosyasını da kullandığımızda gereksiz işlemden "mümkün olduğu kadar" uzak durmuş oluruz.
Ayrıca şu, şu ve şu adresler de attribute selectors konularında incelenebilir.
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
İlgili Yazılar
Bu Yazıyı Tutanlar
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
