MyBB Community Forums

Full Version: Tooltip Mykod
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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.

[Image: 85091294.png]

[tooltip]text[/tooltip]

[attachment=15358]

Thanks - mybbdestek.com .
That's actually pretty nice. Thanks a lot.
been done a few times but useful.
thanks but how i can use it?
I tried it but it doesn't show the box, just a clickable text that leads to nowhere
http://prntscr.com/26nvxw
I tried it but it doesn't show the box, just a clickable text that leads to nowhere