Css ile İpucu Baloncuğu Yapımı (Tooltip)

İ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

Butonun Sağında İpucu Baloncuğu Gösterme Kendin Dene
Metnin Altında İpucu Baloncuğu Gösterme Kendin Dene


YORUMLAR




1140  kez okundu.

Online Kullanıcı Sayısı 660