İpucu Baloncuğu Hazırlama
Aşağıdaki cümlede "sitemizden" kelimesi üzerine geliniz.
Css derslerini sitemizden www.btdersleri.com takip edebilirsiniz.
Bir başka tooltip örneğini de aşağıda görmektesiniz.
www.btdersleri.com
Bir html nesnesinin üzerine gelindiğinde, açıklama-ipucu amaçlı bir metnin görünmesini sağlayabiliriz. Üzerine gelince görünen metne İngilizce'de tooltip denmektedir. Türkçe karşılığı ise ipucu baloncuğudur.
İpucu baloncuğunun boyutunu, metin ve arkaplan rengini, tam olarak nerede görüneceğini vb özelliklerini Css kodları ile ayarlayarak sitemizde kullanabiliriz.
Yukarıdaki örneklerin kodları sayfanın altındaki Konu Örnekleri kısmında yer almaktadır.
Birinci örnekte bir buton kullanılmış olup, üzerine gelindiğinde sağ tarafında ipucu gösterilmiştir.
İkinci örnekte ise bir metnin üzerine gelindiğinde, altında ipucu metni gösterilmiştir.
Kendin dene butonuna tıklayarak kodları inceleyiniz, değiştiriniz ve sonuçları görünüz.
css tooltip yapımı, css ile üzerine gelince metin gösterme, ipucu metni hazırlama, üzerine gelince başka bir metin gösterme
KONU İLE İLGİLİ ÖRNEKLER
9800 kez okundu.