Selamun Aleykum.
Merhaba arkadaşlar.
Yaptığımız bazı işlerde müşterilerimizden enterasan isteklerde olanlar çok oluyor :)
Tooltip ile bir sıkıntı ortaya çıkmıtı. kısabir araştırmadan sonra çok fayadalı ve hafifbir eklenti işimizi hafifletebiliyor.
onlardan birtaneside http://kushagragour.in/lab/hint/ Adresindeki Adını Hint.css koyduğu ufakbir css dosyacığıyla Tooltipler oluşturmamızı sağlıyor.
Kullanmı sayfada anlatılmış. kısaca bende birkaç kelam yazayım.
Hint.css dosyasını indirip istediğiniz dizine attıktan sonra
Ana index.html şablonunuza bağlıyorsunuz.
Tooltip hover özelliğiyle üst, sağ, Alt ve Sol efektlerile uygun hale geliyor.
daha sonra etki edeceğiniz alanın içine örneğin
Merhaba! Buraya Tıkla Alt Tooltip
Şeklinde hint--bottom: Alt , hint--top: Üst, hint--left:sol, hint--right:sağ şeklinde div, resim, buton ve link gibi etiketlerde kullanabilirsiniz.
renklendirmek isterseniz Color based types başlığı altında gereken kısmı kısaca anlatmış zaten.
İnternet Explorer'de efekt çalışmasada işimize yarırıyor. css3 destekleyen tüm tarayıcılarda gönül rahatlığıyla kullanabilirsiniz.
faydalı olması dileğiyle..