Menu assim

3 participantes

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

Tópico resolvido Menu assim

Mensagem por Alex Habilidade 26.11.12 20:26

Queria o menu desse site ou um que seja um modelo igual:
imagem: https://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)
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Menu assim

Mensagem por Sleep 26.11.12 21:55

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.
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1095
Pontos : 1329

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por Convidad 27.11.12 12:57

Olá,

Veja se este tópico lhe ajuda:

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

Atenciosamente. Feliz aniversário
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por Alex Habilidade 27.11.12 16:41

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:

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

Atenciosamente. Feliz aniversário

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por [S]herlock 27.11.12 17:36

[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 .
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por Alex Habilidade 27.11.12 17:41

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por Alex Habilidade 28.11.12 13:56

Up.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu assim

Mensagem por Alex Habilidade 01.12.12 21:48

Podem bloquear.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos