Title style..

[mehmetext]

Arkadaşlar hani burda linklerin üzerine gelince title açılıyor ya onu nasıl yapabilirim ?
Yani title yapmayı biliyorum ama, burada hemen açılıyor ve siyah bir şekilde oluyor.

[Mystic0]

Kod: Tümünü Seç Tümünü Kopyala

http://mybbdepo.com/mybb-1-8-temaniza-tooltip-yapimi-konusu.html

[mehmetext]

Hocam teşekkürler bu, fakat 10tl de jquery dosyası çekemiyoruz..

[xoxox]

Hocam çoğu sitede indirmek gerekiyor. Onun dışında şunu deneyebilişrsiniz;

Kod: Tümünü Seç Tümünü Kopyala

http://www.r10.net/html-css-xml/555370-css-de-hover-ozelligi.html

[Hatake]

Çeksende sıkıntılar çıkacaktır. Düzenledim ben o kodu biraz. Sorunsuz yapımının ders konusunu açarım.

[mehmetext]

Metehan hocam çektim oldu ama, biraz css kodlarında düzenlemek gerekiyor.

[Hatake]

Metehan hocam çektim oldu ama, biraz css kodlarında düzenlemek gerekiyor.

Footer kısmına bak. Üzerine geldiğin linkin titlesi en altta çıkıyor. Onun için css den bir kaç işlem yapmak gerekiyor. Onu da zaten yapacak seviyedesin.

[Dream41]

@kraljmehmet
headerinclude ye

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript" src="http://st.10tl.net/tema/dream41/images/dream41/tipsy.js"></script>

CSS Kodları.

Kod: Tümünü Seç Tümünü Kopyala

.tipsy{
    position:absolute;
    padding:5px;
    z-index:100000
}
.tipsy-inner{
    font-family:'PT Sans',sans-serif;
    font-size:13px;
    color:#fff;
    max-width:200px;
    padding:5px 8px;
    text-align:center;
    border-radius:3px;
    background:#03A9F4;
}

.tipsy-arrow{
    position:absolute;
    width:0;
    height:0;
    line-height:0;
    border:5px dashed #03A9F4;
}

.tipsy-arrow-n{
    border-bottom-color:#03A9F4;
}

.tipsy-arrow-s{
    border-top-color:#03A9F4;
}

.tipsy-arrow-e{
    border-left-color:#03A9F4;
}

.tipsy-arrow-w{
    border-right-color:#03A9F4;

}

.tipsy-n .tipsy-arrow{
    top:0px;
    left:50%;
    margin-left:-5px;
    border-bottom-style:solid;
    border-top:none;
    border-left-color:transparent;
    border-right-color:transparent
}

.tipsy-nw .tipsy-arrow{
    top:0;
    left:10px;
    border-bottom-style:solid;
    border-top:none;
    border-left-color:transparent;
    border-right-color:transparent
}

.tipsy-ne .tipsy-arrow{
    top:0;
    right:10px;
    border-bottom-style:solid;
    border-top:none;
    border-left-color:transparent;
    border-right-color:transparent
}

.tipsy-s .tipsy-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-top-style:solid;
    border-bottom:none;
    border-left-color:transparent;
    border-right-color:transparent
}
.tipsy-sw .tipsy-arrow{
    bottom:0;
    left:10px;
    border-top-style:solid;
    border-bottom:none;
    border-left-color:transparent;
    border-right-color:transparent
}

.tipsy-se .tipsy-arrow{
    bottom:0;
    right:10px;
    border-top-style:solid;
    border-bottom:none;
    border-left-color:transparent;
    border-right-color:transparent
}

.tipsy-e .tipsy-arrow{
    right:0;
    top:50%;
    margin-top:-5px;
    border-left-style:solid;
    border-right:none;
    border-top-color:transparent;
    border-bottom-color:transparent
}

.tipsy-w .tipsy-arrow{
    left:0;
    top:50%;
    margin-top:-5px;
    border-right-style:solid;
    border-left:none;
    border-top-color:transparent;
    border-bottom-color:transparent
}

[mehmetext]

Arkadaşlar yaptım sağolun fakat, Metehan hocamın dediği gibi hata çıkıyor.
Hocam şöyle, display: none; versek düzelir mi ?
@metehandurmus

[Hatake]

Arkadaşlar yaptım sağolun fakat, Metehan hocamın dediği gibi hata çıkıyor.
Hocam şöyle, display: none; versek düzelir mi ?
@metehandurmus

Evet düzelir. Zaten ona özel bir id olması lazım en altta düzelmezse !important ekle

[mehmetext]

Tamam hocam ben en iyisi display none ile yapayım.