Bazı web tarayıcıları title tanımlı nesnelerin üzerine gelince tanımlanan bilgileri gösterirler. Bir çok tasarımcı javascript ve css yardımıyla Araç İpucu geliştirerek farklı tipte ve çeşitte araç ipucu oluşturmaktadır ve oluşturmaya devam etmektedir. Biz burada sadece CSS ile Araç İpucu oluşturmayı göreceğiz. Bu metot yeni nesil tarayıcılarda sorunsuz çalışmaktadır.
XHTML kodu :
Araç İpucu eklenecek linke aracIpucu sınıfı atanmış ve Araç İpucu içinde görünecek açıklama <span> etiketleri arasına alınmıştır.
Buradaki espri konumlandırma(realtive->absolute) esprisidir. Araç İpucu eklenecek linke position: relative; ataması yapıp, içindeki span elementinide mutlak konumlandırma atayarak işi halledeceğiz. Ama sayfa ilk yüklendiğinde span içindeki bilgi görünmemesi için başlangıç durumunda span etiketini görünmez yapıyoruz(display:none;).
fare imleci link üzerine geldiğinde(:hover) span içeriğini göstermek için display:block ataması yapıyoruz. Ayrıca araç ipucunun yerini belirliyoruz. Araç İpucuna görsellik kazandırmak isteyenler için aşağıdaki kodları ekleyebiliriz.
Maalesef bu kod IE5x versiyonlarda tam anlamıyla çalışmayacaktır. Bu durumu düzeltmek için
Ayrıca Safari kullanıcıları için üzgünüz. Safari bu kodlara olumlu yanıt vermiyor.
Görselliği daha hoş olan araç ipuçlarıda yapabiliriz. Bunun için Xhtml kodumuzu aşağıdaki em eklemesini yapıyoruz. Amacımız bu elemente ikon resmini eklemek.
CSS koduna gelince:
düzeltmesini yapıyoruz. Ayrıca ikon için aşağıdaki eklemeyi yapıyoruz.
Türkiye’de posta hizmetlerinin kamu vesilesiyle vatandaşlara sunulma yolculuğu, 1840 senesinde “Posta Nezareti”nin kurulmasıyla başladı. O…
Afetlerin küresel ve mahalli ölçekte artan yıkıcı tesirleri, kentlerin bu tür krizlere karşı daha dirençli…
10-TDE-2.Dönem 2.Ortak Yazılı Ulusal Eğitim Bakanlığı (MEB) tarafınca 2024-2025 eğitim-öğretim senesinde yürürlüğe konulmuş olan Türkiye…
2025-2026 11-TDE-2.Dönem 2.Yazılı Imtihanı SORULAR SORU – KAZANIM EŞLEŞTİRMESİ – SENARYO 1 Sual Birim Mevzu…
2025-2026 11-TDE-2.Dönem 2.Yazılı Imtihanı SORULAR Izahat:Sorular açık uçlu ve kısa cevaplıdır. Cevaplarınızı yazım ve noktalama…
Liseler Arası Talebe Nakil Kılavuzu Bu kılavuz, Millî Eğitim Bakanlığı Ortaöğretim Kurumları Yönetmeliği ile Millî…