Looking for a code...

[Romanity]

Like on Habbox Rare Values when you hover over the image it give you the details.

Any ides where to fetch a code similar to this?

[GoldenMerc]

In other words like how HHGS values work?
http://www.hhgs.net/radiodjpanel/rares/values_public.php

[Romanity]

Yeh that sorta script :)

[Romanity]

My bad on the bump, but any suggestions?

[Jxhn]

Search for javascript tooltips.

[Trigs]

dynamicdrive.com

go to mouseovers

[Romanity]

Thanks, +rep to both of you

[Yonder]

The one we use on Habbox is using a hidden span that only shows when hovered over the image.


<style type="text/css">
<!--
a.info1{
position:relative; /*this is the key*/
z-index:24; background-color:#ECEAD8;
color:#000;
text-decoration:none;}

a.info1:hover{z-index:25; background-color:#ECEAD8}

a.info1 span{display: none; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

a.info1:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
bottom:20px; left:20px; width:15em;
border:0px solid #0cf;
text-align: center;}
--->
</style>


<table border="0" cellpadding="0" cellspacing="10" width="100%"><tr><td align="center" width="16%" bgcolor="#ECEAD8" bgcolor="#ECEAD8"><a class="info1" href="#"><img border="0" src="http://uploadpicz.com/Danube/LLL6ZFX.png" title="" alt=""><span><table border="0" width="310" height="42" cellpadding="0" style="border-collapse: collapse">
<tr>
<td height="6" width="6" align="right" valign="bottom">
<img border="0" src="http://habbox.com/images/hover/top_left.gif" width="6" height="6"></td>
<td height="6" width="298" background="http://habbox.com/images/hover/top.png" colspan="3">
</td>
<td height="6" width="6" align="left" valign="bottom">
<img border="0" src="http://habbox.com/images/hover/top_right.gif" width="6" height="6"></td>

</tr>
<tr>
<td height="19" width="6" background="http://habbox.com/images/hover/left.png">&nbsp;</td>
<td bgcolor="#F2F2F2" colspan="3" width="298">The Petal Patch Floor rare value was last updated on January 10, 2009. </td>
<td height="19" width="6" background="http://habbox.com/images/hover/right.png">&nbsp;</td>
</tr>
<tr>
<td height="17" width="6" align="right" valign="top">

<img border="0" src="http://habbox.com/images/hover/bottom_left.gif" width="5" height="5"></td>
<td height="17" width="17" background="http://habbox.com/images/hover/bottom.gif" align="right" valign="top"></td>
<td height="17" width="13" align="right" valign="top" background="http://habbox.com/images/hover/bottom.gif">
<img border="0" src="http://habbox.com/images/hover/V.gif" width="13" height="17"></td>
<td width="268" background="http://habbox.com/images/hover/bottom.gif" align="left" valign="top" height="16">&nbsp;</td>
<td height="17" width="6" align="left" valign="top">
<img border="0" src="http://habbox.com/images/hover/bottom_right.gif" width="5" height="5"></td>
</tr>
</table></span></a><br>1 T + 20 CS<br>= 86 CS</td>

[Romanity]

Oooo thank you :)