Menu Drop Down [HTML PARA HI5]

Este é O menu menu que tenho no meu perfil

Parte Html

Código:


<div id="byPr">
<table>
          <tr>
<td>
<b><h3>--->MENU<-------</h3></b>
<br>
<a
href="http://www.hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=257698382 " title="add friend"><img src="http://www.gravatar.com/avatar/f16bfaadefd17ae9b7419ac34c43f2d6?s=48&d=identicon&r=G" border="0" alt="ADD ME!"> Adiciona-me!</a>
<br>
<a
href="http://www.hi5.com/friend/photos/displayMyPhoto.do?ownerId=257698382 " title="fotos"><img src="http://tbn0.google.com/images?q=tbn:p6Ioq4myKFwv9M:http://k53.pbase.com/g6/96/517296/2/82423160.0JknQsaL.jpg" border="0" alt="my pictures"> Minhas Fotos</a>
<br>
<a
href="http://paulorosa600.hi5.com/friend/book/displayBook.do?userid=257698382 " title="comentarios"><img src="http://tbn1.google.com/images?q=tbn:7UVFpdm__nGOLM:http://i137.photobucket.com/albums/q228/urbanadotorg/Arts/ArtsLounge33.jpg" border="0" alt="comments"> comentarios</a>
<br>         
<a href="http://www.hi5.com/friend/fives/displayUserFiveSummary.do?userid=257698382 " title="Meus Fives"><img src="http://tbn3.google.com/images?q=tbn:pAWfP-avSy6XuM:http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/a02e46b44d35acef5b54c44c6f982286_th29.png" border="0" alt="Meus fives (Fives)"> Meus fives</a>
<br>
<a href="http://www.hi5.com/friend/mail/displayComposeMail.do?toIds=257698382 " title="Mensagens"><img src="http://tbn0.google.com/images?q=tbn:tBwcKsFygRTpUM:http://carla.nireblog.com/blogs/carla/files/1184682230_f.jpg" border="0" alt="Mail"> Mensagem</a>
<br>
<a href="http://members.msn.com/parosa@tdm.co.mz" title="ADD MSN"><img src="http://tbn2.google.com/images?q=tbn:Of3WKRANurdEbM:http://mundododeskmod.files.wordpress.com/2007/11/msn.png%3Fw%3D136%26h%3D136%26h%3D136" border="0" alt="ADD MSN">Adicionar no msn</a>
<br><br>
</td>
          </tr>
</table></div>

Parte CSS

Código:

<style>#byPr
{
height:20px; width: 200px;}
#byPr img
 {height:20px; width: 200px;
margin-right: 3px;
}
#byPr:hover { height: 80% !important; }
#byPr a{font-size: 12px; color: black; font-weight: bold !important; decoration:none;}
#byPr a:hover {decoration:none;}
#byPr  { filter: alpha(opacity=80); opacity: 0.8;
background-color: white;
background-repeat:no-repeat;
background-position: center;
background-filter:alpha(opacity=60)
width:200px; border: 3px ridge #CCCCCC;}
#byPr img
{border: 3px ridge #cccccc;
height:50px; width: 50px;
}
#byPr img:hover
{border: 3px ridge #000000;
}</style>


Para ficar como esta' no meu hi5, o codigo html acima tem de estar no fim (tem de ser o ultimo codigo a colocar), depois acrescenta este codigo:

Código:

<style>
#byPr
{
    position:relative;
    top:-670px;
    left:10px;
}
</style>

e jogue as coordenadas (Top e left)de modo a posicionar onde quer que o menu esteja.
NB: os Links Sao do meu Hi5 troquem pelos vossos.

Bom post Paulo

este codo substitui um monte letras e numeross que vejo nos tutoriais de menus dropdown na net e nenhum deles funciona no hi5
porque a maioria deles está em javascript.