Menu assim

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

Resolvido Menu assim

Mensagem por Alex Habilidade em 26/11/12, 06:26 pm

Queria o menu desse site ou um que seja um modelo igual:
imagem: http://www.servimg.com/image_links.php?i=1491

site: http://www.cops.uel.br/concursos/88_policia_militar/

alguem me ajuda?


Fórum: http://maniaonline.foroactivo.com.mx/forum (punBB)
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu assim

Mensagem por Sleep em 26/11/12, 07:55 pm

Olá,

Experimente Isto
Código:
/**//**/.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}.sf-menu{/**/line-height:1.0;background-color:transparent;}.sf-menu ul{position:absolute;top:-999em;width:9em;/**/margin:0 0 0 75px;background-color:#E5E5E5;padding:5px 10px 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(//css/border-radius.htc);}.sf-menu ul li{width:100%;}.sf-menu li:hover a:hover{visibility:inherit;/**/}.sf-menu li{float:left;position:relative;/**/}.sf-menu a{display:block;position:relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;/**/z-index:99;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:0em;/**/}/**/ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;/**/top:0;}/**/.sf-menu a{border-left:0px solid #fff;border-top:0px solid #CFDEFF;text-decoration:none;min-height:24px;}.sf-menu li{margin:0 0 0 0;/**/min-height:24px;}.sf-menu li li{ margin:0 0 5px 5px;}.sf-menu li li a:hover{color:#FFFFFF;}.sf-menu li li li{margin:0 0 5px 5px;}/**/.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/**/}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;/**/width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('/images/layout/menu/arrows.png') no-repeat -10px -100px;/**/top:.5em;background-position:0 -100px;/**/}/**/a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px;/**/}/**/.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}.sf-menu ul a>.sf-sub-indicator{background-position:0 0;}/**/.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;/**/}

Abraços.
avatar

Sleep
Usuário avançado

Masculino
Inscrito dia : 10/08/2012
Mensagens : 424
Pontos Ativos : 596

Ver perfil do usuário http://brasilrealistic.forumeiros.com/

Resolvido Re: Menu assim

Mensagem por Convidad em 27/11/12, 10:57 am

Olá,

Veja se este tópico lhe ajuda:

http://ajuda.forumeiros.com/t66079-menu-em-dropdown

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Menu assim

Mensagem por Alex Habilidade em 27/11/12, 02:41 pm

Ivan_Mota escreveu:Olá,

Experimente Isto
Código:
/**//**/.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}.sf-menu{/**/line-height:1.0;background-color:transparent;}.sf-menu ul{position:absolute;top:-999em;width:9em;/**/margin:0 0 0 75px;background-color:#E5E5E5;padding:5px 10px 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(//css/border-radius.htc);}.sf-menu ul li{width:100%;}.sf-menu li:hover a:hover{visibility:inherit;/**/}.sf-menu li{float:left;position:relative;/**/}.sf-menu a{display:block;position:relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;/**/z-index:99;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:0em;/**/}/**/ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;/**/top:0;}/**/.sf-menu a{border-left:0px solid #fff;border-top:0px solid #CFDEFF;text-decoration:none;min-height:24px;}.sf-menu li{margin:0 0 0 0;/**/min-height:24px;}.sf-menu li li{ margin:0 0 5px 5px;}.sf-menu li li a:hover{color:#FFFFFF;}.sf-menu li li li{margin:0 0 5px 5px;}/**/.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/**/}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;/**/width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('/images/layout/menu/arrows.png') no-repeat -10px -100px;/**/top:.5em;background-position:0 -100px;/**/}/**/a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px;/**/}/**/.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}.sf-menu ul a>.sf-sub-indicator{background-position:0 0;}/**/.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;/**/}


Abraços.

Eu adiciono a onde este código?
Robe! escreveu:Olá,

Veja se este tópico lhe ajuda:

http://ajuda.forumeiros.com/t66079-menu-em-dropdown

Atenciosamente. Feliz aniversário

Esse tópico que voce enviou é falando sobre phpbb3. O meu é punbb.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu assim

Mensagem por [S]herlock em 27/11/12, 03:36 pm

[quote="Camaro"]
Ivan_Mota escreveu:Olá,

Experimente Isto
Código:
/**//**/.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}.sf-menu{/**/line-height:1.0;background-color:transparent;}.sf-menu ul{position:absolute;top:-999em;width:9em;/**/margin:0 0 0 75px;background-color:#E5E5E5;padding:5px 10px 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(//css/border-radius.htc);}.sf-menu ul li{width:100%;}.sf-menu li:hover a:hover{visibility:inherit;/**/}.sf-menu li{float:left;position:relative;/**/}.sf-menu a{display:block;position:relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;/**/z-index:99;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:0em;/**/}/**/ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;/**/top:0;}/**/.sf-menu a{border-left:0px solid #fff;border-top:0px solid #CFDEFF;text-decoration:none;min-height:24px;}.sf-menu li{margin:0 0 0 0;/**/min-height:24px;}.sf-menu li li{ margin:0 0 5px 5px;}.sf-menu li li a:hover{color:#FFFFFF;}.sf-menu li li li{margin:0 0 5px 5px;}/**/.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/**/}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;/**/width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('/images/layout/menu/arrows.png') no-repeat -10px -100px;/**/top:.5em;background-position:0 -100px;/**/}/**/a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px;/**/}/**/.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}.sf-menu ul a>.sf-sub-indicator{background-position:0 0;}/**/.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;/**/}


Abraços.

Eu adiciono a onde este código?

Caro Camaro ,

O Código que o Ivan_Mota disponibilizou para o senhor , é para adicionar em sua folha CSS .
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Menu assim

Mensagem por Alex Habilidade em 27/11/12, 03:41 pm

Olá, eu adiconei em minha página css e não resultou. Feliz
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu assim

Mensagem por Alex Habilidade em 28/11/12, 11:56 am

Up.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu assim

Mensagem por Alex Habilidade em 01/12/12, 07:48 pm

Podem bloquear.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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

- Tópicos similares

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