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:
css tooltip