[10tl.net]MyBB Tooltip Yapımı

[xFeyz]

diğer konumda normal siteler için anlatımı yapmıştım, şimdi 10tl versiyonunu paylaşıyorum.



admin panel =>> temalar & şablonlar =>> şablonlar =>> temanız =>> * Headerinclude Şablonlar =>> headerinclude =>> aç ve sonuna ekle

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

<link rel="stylesheet" type="text/css" href="http://st.10tl.net/tema/protuner/colossalv3/jscripts/tipTip.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/protuner/colossalv3/jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/protuner/colossalv3/jscripts/jquery.tipTip.minified.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

Sitenizdeki bütün title etiketi olan yerler, siyah tooltip görünümlü olacaktır.

[Ripbyrustavi]

konudaki [!] i kaldırın

[Hatake]

Sana +4 Rep :) :) :) Aradığım Şey Bu :D :D :D

[Kyoya]

teşekkürler yararlı :)

[HonoraryMore]

Saolasın kardeşim.

[TheDangerous]

Kardeşim bunu nasıl katogori tanımı olarak ekleriz ?

[xFeyz]

<a href="" title=""> bu tarz bi kodda çıkması gerekir. siz forumbitdepth2 için istiyorsunuz galiba, kodları code tag içinde yazar mısınız

[TheDangerous]

Hani katogori ve forumların üstüne geldiğinde tanım çıkıyor ya onu diyorum kardeş.Orası forumbitdepth2 değil sanırım ama kodlar ;

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

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="http://i50.tinypic.com/2na70cm.gif/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}"><font color=black face=Arial>{$forum['name']}</font></a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap"><div id="kontur">{$threads}{$unapproved['unapproved_threads']}</div></td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap"><div id="konturs">{$posts}{$unapproved['unapproved_posts']}</div></td>
</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>

[xFeyz]

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

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="http://i50.tinypic.com/2na70cm.gif/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}" title="{$forum['description']}"><font color=black face=Arial>{$forum['name']}</font></a></strong>{$forum_viewers_text}<div class="smalltext">{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap"><div id="kontur">{$threads}{$unapproved['unapproved_threads']}</div></td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap"><div id="konturs">{$posts}{$unapproved['unapproved_posts']}</div></td>
</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>

[Adil S.]

Paylaşmıştım :S

---

http://destek.10tl.net/showthread.php?mode=linear&tid=19384&pid=106933

[xFeyz]

sence o ile bu aynı mı adil, merak ediyorum. ben global tooltip yapımını gösteriyorum burda. sen ise beyaz kategori açıklamasını. diyelim anlaman yok, hadi hiç olmadı resim koydum ona baksaydın.

[Adil S.]

Pardon :D

[meta the god]

Silinmiş ?

Birde Ben Uyarladım.

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

<link rel="stylesheet" type="text/css" href="http://st.10tl.net/tema/teknology/jscripts/tipTip.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/teknology/jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="http://st.10tl.net/tema/teknology/jscripts/jquery.tipTip.minified.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>