Tooltip Mykod

[bomfile]

Admin Cp>Configuration>MyCode>Add New MyCode

Title
Tooltip Mykod

Regular Expression

\[tooltip\](.*?)\[/tooltip\]

Replacement

<a href="#" class="tool"><img style="width:16; height:14px;" src="images/toolfaq.gif" alt="" /><span>$1</span></a>

Save Mycode.

Admin Cp>Templates & Style>Templates>Themes>Theme>global.css>Advanced Mode
Add to Bottom

a.tool {
   font-weight: bold;
   position: relative;
   text-decoration: none;
   cursor: help;
}

a.tool span {
   position: absolute;
   font-weight: normal;
   border: 1px solid black;
   background-color: #CFE1F6;
   padding: 10px;      
   color: black;
   width: 225px;

   left: -9999em;
}

a.tool:hover {
   visibility: visible;
   z-index: 100;
}

a.tool:hover span, a.tooltip:focus span {
   left: 30px;
   text-decoration: none;
}

Save.

[tooltip]text[/tooltip]

  images.zip (Size: 479 bytes / Downloads: 428)

Thanks - mybbdestek.com .

[faviouz]

That's actually pretty nice. Thanks a lot.

[Lo.]

been done a few times but useful.

[aprogrammer]

thanks but how i can use it?

[Yota]

I tried it but it doesn't show the box, just a clickable text that leads to nowhere
http://prntscr.com/26nvxw

[Diyar_HawlerY]

This user has been denied support.

I tried it but it doesn't show the box, just a clickable text that leads to nowhere