Araç ipuçları metni görüntüler (or other content) bir HTML elemanı üzerine geldiğinizde.
Satır içi Tooltip Yazı
Aşağıdaki cümle üzerine gelin!
Londra 9 million İngiltere'nin başkentidir.
W3-ipucu sınıfı üzerine gelerek HTML elemanı tanımlanmıştır (tooltip container) .
W3 metin sınıfı araç ipucu metni tanımlar:
Örnek
<p class="w3-tooltip">London
<span
class="w3-text">9 million</span>
is the capital city of
England</p> Kendin dene " Satır içi Tooltip Etiketi
Aşağıdaki cümle üzerine gelin!
Londra 9 million İngiltere'nin başkentidir.
W3-ipucu sınıfı üzerine gelerek HTML elemanı tanımlanmıştır (tooltip container) .
W3 metin sınıfı araç ipucu metni tanımlar:
Örnek
<p class="w3-tooltip">London
<span
class="w3-text w3-tag">9 million</span>
is the capital
city of England</p> Kendin dene " Büyük ipucu
etkisini görmek için bu resmi üzerine getirin:
Bir araba taşımacılığında kullanılan tekerlekli, kendi kendine çalışan motorlu araç. Terimin çoğu tanımlamalar arabalar genellikle dört olduğunu belirtmek wheels.(Wikipedia)
W3-ipucu sınıfı üzerine gelerek HTML elemanı tanımlanmıştır (tooltip container) .
W3 metin sınıfı araç ipucu metni tanımlar:
Örnek (text before the picture)
<div class="w3-tooltip">
<p
class="w3-text">A car is a wheeled, self-powered motor vehicle used for transportation.
Most definitions of the term specify that cars typically have
four wheels.(Wikipedia)</p>
<img src="img_car.jpg"
alt="Car" style="width:100%">
</div> Kendin dene " Örnek (text after the picture)
<div class="w3-tooltip">
<img src="img_car.jpg"
alt="Car" style="width:100%">
<p
class="w3-text">A car is a wheeled, self-powered motor vehicle used for transportation.
Most definitions of the term specify that cars typically have
four wheels.(Wikipedia)</p>
</div> Kendin dene " Mutlak Tooltip
Eğer ipucu mutlak pozisyonda görünmesini istiyorsanız, araç ipucu metni konumlandırmak (w3-text) :
Örnek
<p class="w3-tooltip">London is the capital city
of England.
<span style="position:absolute;left:0;bottom:18px"
class="w3-text w3-tag">9million</span></p> Kendin dene " Renkli İpucu
Eğer renkli bir araç ipucu istiyorsanız, w3 renkli sınıflarını kullanın:
Yuvarlak Tooltip
Eğer yuvarlak bir araç ipucu istiyorsanız, w3-yuvarlak sınıflarını kullanın:
Küçük İpucu
Eğer küçük bir araç ipucu istiyorsanız, w3-küçük sınıfını kullanın:
Minik ipucu
Eğer küçük bir araç ipucu istiyorsanız, w3-minik sınıfını kullanın:
Büyük ipucu
Büyük bir araç ipucu istiyorsanız, w3 geniş sınıfları kullanın: