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.
« ö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..
| aynshtein | |
|
|
(0 puan) |
|
| 06 Şubat 2007 11:26 |
gerçekten kullanışlı ve işe yarar lakin i.e. 7'nin alt versiyonlarında çalışmaması kötü olmuş.
| SilentWolf | |
|
|
(0 puan) |
|
| 06 Şubat 2007 12:13 |
tam süper oldu eburhan :) ayrıca css'in kaşına gözüne gurban demekten kendimi alamıyorum!!!
| GrkN | |
|
|
(0 puan) |
|
| 06 Şubat 2007 13:19 |
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.
| ceyhun aksan | |
|
|
(0 puan) |
|
| 06 Şubat 2007 13:54 |
"att" selectoru gerçekten işimizi kolaylaştırdı.
attribute selectors
| Gfx[pilli_silinen_hesap] | |
|
|
(0 puan) |
|
| 06 Şubat 2007 15:02 |
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.
| farkob | |
|
|
(0 puan) |
|
| 06 Şubat 2007 16:12 |
buradaki örnek js ile hazırlanmış durumda
| ceyhun aksan | |
|
|
(0 puan) |
|
| 06 Şubat 2007 16:58 |
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 | |
|
|
(0 puan) |
|
| 06 Şubat 2007 18:11 |
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.
| ceyhun aksan | |
|
|
(0 puan) |
|
| 06 Şubat 2007 18:30 |
çok iyi ama tek eksik explorerın 6 sında çalışmaması naapalım bizde bekleriz o güne kadar :)
| enstarter | |
|
|
(0 puan) |
|
| 06 Şubat 2007 18:42 |
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.


