Merhaba arkadaşlar bildiğiniz gibi mfyz v7.0 üst menü kısmı yani Dökümanlar, Dosyalar, Galeri, Forum" bu kısım tek parça resim ama ayrı ayrı linkler var bunun nasıl kullanıldığını daha önce bir hosting scriptinde görmüştüm ama şuan bulamıyorum yardımcı olursanız sevinirim.
Şu an orada kullandığım tekniği kullanmıyorum, artık css sprite ile tüm elementleri tek imajdan birçok element olarak parçalayarak kullanıyorum.
Fakat oradaki method şöyle:
Tek parça bir art alan imajı var. Bu imajı o alanın artalanı olarak css'de ayarlıyorum. O elementin içindeki linklerin yerleşimini artalanın üzerinde doğru konumlara gelecek şekilde genişlik, yükseklik, element tipi, padding ve marginler olarak yerleştiriyorum. Yerleşimler bittiği zaman linklerin içindeki elementleri (yazıları) temizliyorum. Bunun için her linkin içindeki yazıyı <b> veya <i> ile sarmalıyorum ve css'de
.header a b { display: none; }
ile gizliyorum. Tabi bu sol kulağı sağ elinle göstermek gibi.
Bu işin normal olması gereken methodu ise text-indent: -99999px; gibi text indent'i viewport dışında bir yere sürüklemektir. Burada bilmeniz gereken 2 konu var.
Eğer text indent ile bir elementin içindeki yazıyı gizleyecekseniz o elementin block level element olarak gösterildiğinden emin olun. Yoska text indent işe yaramayacaktır. İkinci konu ise eğer yaptığınız element bir link ise (yani <a> etiketi ise) bazı tarayıcılarda focus, active gibi state'lerde outline yani tırtıklı kenarlıklar çıkacaktır. Bunu gizlemek için de outline: none; kullanmanız gerekecektir.
Ziyaretçi :
ateÅŸ han
14 AÄŸustos Cumartesi ´10 20:40
tarihinde yazmış
s a mfyz v7.0 çok güzel bi sistem olmuş emeği geçenlerin ellerine sağlık bi sorum olcak bu script satlıkmı nerden temin edebilirim