Tooltip Mykod

[bomfile]

Admin Cp>Configuration>MyCode>Add New MyCode

Title
Tooltip Mykod

Regular Expression

Code:

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

Replacement

Code:

<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

Code:

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.

Code:

[tooltip]text[/tooltip]

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

Thanks - mybbdestek.com .

[Fábio Maia]

That's actually pretty nice. Thanks a lot.

[Lo.]

been done a few times but useful.