Css İle Tooltip Hazırlamak
Bilirsiniz ki cssyi çok severim. Biraz önce tooltip özelliğini kullandım ve bundan blogumda bahsetmediğimi fark ettim. Bi yazı hazırlamaya karar verdim. Css Tooltip ile neler yapabiliriz. En basitinden bir resmin üzerine gelindiğinde kutucuk olarak açıklamasının çıkmasını sağlayabiliriz. Bu yazılar için de geçerlidir. Gelelim nasıl yapıldığına…
Bunlar sayfanızın css kısmına ekleyeceğiniz kodlar.
a.tooltp span {
width:100px;
display:none;
padding:3px 3px;
margin-left: 5px;
}
a.tooltp:hover span{
background:#ffffff;
border:1px solid #ddd;
color:#000;
display:inline;
position:absolute;
}
Sayfanızdaki kullanımı ise şöyle
<a class="tooltp" href="#"><img src="link" alt="" /><span>açıklaması</span></a>
ya da
<a class="tooltp" href="#">Buraya görünen kısım <span>açıklaması</span></a>
Şeklinde kullanabilirsiniz.
Örnek gösterim:




2 yorum
alt=”" veya title=”" da aynı görevi görüyor sanırım =)
tabi anlattığını kullanmadım belki farkları vardır =)
denemeyenler için tavsiye ederim