HTML Code:
<head>
<style type="text/css" media="screen">
BODY
{
font-family: verdana, tahoma, arial, sans-serif;
font-size: 10pt;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 0px;
}
P
{
padding-top: 10px;
margin: 0px;
}
table.navbar
{
font-size: 8pt;
margin: 0px;
padding: 0px;
border: 0px;
font-weight: bold;
}
table.menu
{
font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;
}
td.menuNormal
{
padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: white;
}
td.menuHover
{
padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
}
div.menuNormal
{
display: none;
position: static;
}
div.menuHover
{
border: 1px solid lightblue;
background-color: white;
display: inline;
position: absolute;
}
</style>
<script type="text/javascript">
function showIt(cell_ID)
{
var td = document.getElementById(cell_ID);
var d = td.getElementsByTagName("div").item(0);
td.className = "menuHover";
d.className = "menuHover";
}
function hideIt(cell_ID)
{
var td = document.getElementById(cell_ID);
var d = td.getElementsByTagName("div").item(0);
td.className = "menuNormal";
d.className = "menuNormal";
}
</script>
</head>
<body>
<table class="navbar">
<tr>
<td id="CellManager" class="menuNormal" width="160">
<p>
Welcome, <b>costintrifan</b> <img id="Image1" onclick="showIt('CellManager');"
src="Tibia%20spot%20of_files/down.png" /></p>
<div id="Panel1" class="menuNormal" onmouseout="hideIt('CellManager');" onmouseover="showIt('CellManager');"
width="155">
<table class="menu" id="Table1" style="border-right: #000000 1px solid; border-top: #000000 1px solid;
background-image: url(images/n2.gif); border-left: #000000 1px solid; border-bottom: #000000 1px solid;
background-repeat: repeat-x; background-color: white; width: auto;" cellspacing="10"
cellpadding="10">
<tbody>
<tr>
<td valign="top" colspan="2">
<a href="http://www.tibiacity.org/">Tibiacity</a> - <a href="http://www.tibiacity.org/forum">
Forum</a> - <a href="http://www.tibiacity.org/blog">Blog</a><br>
<br>
<center>
<img class="border" title="My avatar" src="Tibia%20spot%20of_files/image.gif"></center>
</td>
<td valign="top">
<b>Spots menu</b><br>
<br>
<a href="#">Homepage</a><br>
<a href="#">Manual</a><br>
<br>
<a href="#">Your spot</a><br>
<a href="#">Your blog</a><br>
<a href="#">Your images</a><br>
<a href="#">Your movies</a><br>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table>
</body>