Menu Drop Down [HTML PARA HI5]

UrbanZone :: Informática ::  :: Web :: html | Css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Menu Drop Down [HTML PARA HI5]

Mensagem por Lyrical em 2009-05-27, 11:27 am

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://illiweb.com/fa/pbucket.gif" 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.



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Menu Drop Down [HTML PARA HI5]

Mensagem por Moreno Khembo em 2009-06-02, 11:14 am

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.
avatar
Moreno Khembo
Moderador

Masculino
Posts : 120 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

UrbanZone :: Informática ::  :: Web :: html | Css

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum