İ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.

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.

KONU İLE İLGİLİ ÖRNEKLER