Menu com "opções"

por Nncb 13.07.12 15:36

Qual é minha questão:
Gostaria de por um link em baixo do principal.Como na imagem.

Links e imagens do meu problema:
https://i.servimg.com/u/f45/17/65/29/01/barra10.png

Endereço do meu fórum:
http://portalcpbrasilnews.forumeiros.com/forum

Versão do meu fórum:
PHPBB2

por south 13.07.12 15:44

Não entendi oque vc poderia mostra como vc quer

por Nncb 13.07.12 15:48

'Near escreveu:Não entendi oque vc poderia mostra como vc quer

Por exemplo, você passa o mouse sobre um menu e aparecem outras "opções" a baixo do menu que passaras o mouse.

https://i.servimg.com/u/f45/17/65/29/01/barra10.png <- tipo este

por Jose Hamizaki 13.07.12 15:53

Esse efeito e adquirido nesse forum: http://spdesign.ativoforum.com/forum

por south 13.07.12 15:59

<style>
ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position: absolute; bottom:105%; margin: -80px; float:left;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(https://i.servimg.com/u/f43/16/63/75/54/nav_bg10.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}

ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(https://i.servimg.com/u/f43/16/63/75/54/nav_bg11.png) 0px -30px no-repeat;
}

ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(https://i.servimg.com/u/f43/16/63/75/54/nav_bg11.png) 0px -30px no-repeat;
float:left;
margin:0;
}

</style>

<body>
<div>
<ul id='menu'>
<li class="button"><a class='current' href='http://' >Home</a></li>
<li class="button"><a href='http://' >Products</a></li>
<li class="button"><a href='http://' >Support</a></li>
<li class="button"><a href='http://' >Contact</a></li>
</ul>
</div>
</body>

Até mais!

por Nncb 13.07.12 16:03

Near, Não funcionou...

por south 13.07.12 16:17

Olá,

Baixe o menu personalizado e configure-o hospedando as imagens e o que precisa: http://cssmenumaker.com/drop_down_css_menu.php

Menu com "opções"

Menu com "opções"

Re: Menu com "opções"

Re: Menu com "opções"

Re: Menu com "opções"

Re: Menu com "opções"

Re: Menu com "opções"

Re: Menu com "opções"