CSS ile Tooltip Örneği

Bu dersimizde yön belirtebildiğimiz (sol, sağ, alt, üst) tamamen css ile nasıl ipucu örneği yapabiliriz, bunu öğreneceğiz.. Yararlı olması dileğiyle..Bu dersimizde yön belirtebildiğimiz (sol, sağ, alt, üst) tamamen css ile nasıl ipucu örneği yapabiliriz, bunu öğreneceğiz.. Yararlı olması dileğiyle..

Demo

http://www.prototurk.com/demo/?id=161

İndir

http://www.prototurk.com/download/?id=161

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“CSS ile Tooltip Örneği” üzerine 8 yorum

  1. Firefox'da düzgün çalışmıyor, css3 olduğu için internet explorer'da zaten çalışmıyor ama güzel ders. teşekkürler. En mantıklısı bunu jquery ile yapmak.

  2. @Abdullah, hover işleminde after değerine text-indent: 0 değerini girerek yapabilirsin.

  3. elinize sağlık ..

    bir eklemede benden.
    bu kodu eklerseniz ie'de de çalışır..

    .text span:hover{
    position: relative;
    }

  4. Firefoxtaki sorunu aşağıdaki kodlara "top" değerleri ekleyerek çözdüm.

    .text span[data-left]:hover:before {
    	left: -160px;
            top: -7px;
    }
    
    .text span[data-right]:hover:before {
    	right: -160px;
    	top: -7px;
    }
  5. Dostum merhaba,

    Hiç bir imaj dosyası kullanmadan onları nasıl oluşturdun peki? Tam olarak onları oluşturan kod hangisidir?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir