Thread Rating:
  • 3 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Tooltip Mykod
#1
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.

[Image: 85091294.png]

Code:
[tooltip]text[/tooltip]


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

Thanks - mybbdestek.com .
Reply
#2
That's actually pretty nice. Thanks a lot.
Reply
#3
been done a few times but useful.
You know what's weird? Me.
Reply
#4
thanks but how i can use it?
Reply
#5
I tried it but it doesn't show the box, just a clickable text that leads to nowhere
http://prntscr.com/26nvxw
Reply
#6
This user has been denied support. This user has been denied support.
I tried it but it doesn't show the box, just a clickable text that leads to nowhere
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)