Menu assim

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)

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.

Olá,

Veja se este tópico lhe ajuda:

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

Atenciosamente.

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.

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

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

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

Up.

Podem bloquear.