12-09-2014, Saat:22:13
Merhaba arkadaşlar, bu konumuzdaki kodlar sayesinde mybb 1.8 sürümünde temanıza kolayca tooltip özelliği ekleyebileceksiniz. Kodlar .jquery tipsy değil jquery-ui'dir.
Öncelikle ekteki dosyayı indirin.
Ekten çıkan tooltip2 dosyasını forumunuzun ana dizinine yollayın.
[attachment=1347]
headerinclude şablonunu açın ve en altına aşağıdaki kodları yapıştırın ve kaydedin:
Temanızın global.css kısmında (gelişmiş düzenleme) en alta aşağıdaki kodları yapıştırın ve kaydedin:
Önizleme:
* Kodlar 1.8 mybb temasında denenmemiştir. Deneyecek arkadaşlar sonucuyla birlikte konu altına yazarsa sevinirim
Öncelikle ekteki dosyayı indirin.
Ekten çıkan tooltip2 dosyasını forumunuzun ana dizinine yollayın.
[attachment=1347]
headerinclude şablonunu açın ve en altına aşağıdaki kodları yapıştırın ve kaydedin:
Kod:
<script src="tooltip2/jquery-ui.js"></script>
<script>
$(function() {
$( document ).tooltip();
});
</script>
Temanızın global.css kısmında (gelişmiş düzenleme) en alta aşağıdaki kodları yapıştırın ve kaydedin:
Kod:
.ui-tooltip {
padding: 5px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;
font-size: 14px;
color: #719DAB;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 1px solid #ccc;
background: #fff;
text-indent: 0px;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
body .ui-tooltip {
border-width: 1px;
}
Önizleme:
* Kodlar 1.8 mybb temasında denenmemiştir. Deneyecek arkadaşlar sonucuyla birlikte konu altına yazarsa sevinirim