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/rar...ues_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="https://habbox.com/images/hover/top_left.gif" width="6" height="6"></td>
        <td height="6" width="298" background="https://habbox.com/images/hover/top.png" colspan="3">
        </td>
        <td height="6" width="6" align="left" valign="bottom">
        <img border="0" src="https://habbox.com/images/hover/top_right.gif" width="6" height="6"></td>

    </tr>
    <tr>
        <td height="19" width="6" background="https://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="https://habbox.com/images/hover/right.png">&nbsp;</td>
    </tr>
    <tr>
        <td height="17" width="6" align="right" valign="top">

        <img border="0" src="https://habbox.com/images/hover/bottom_left.gif" width="5" height="5"></td>
        <td height="17" width="17" background="https://habbox.com/images/hover/bottom.gif" align="right" valign="top"></td>
        <td height="17" width="13" align="right" valign="top" background="https://habbox.com/images/hover/bottom.gif">
        <img border="0" src="https://habbox.com/images/hover/V.gif" width="13" height="17"></td>
        <td width="268" background="https://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="https://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