Como Fazer esse menu

Qual é minha questão:
Olá Nego(a)s da best Skins eu queria saber como faço o menu desse Fórum

Fórum : programando.forum-pro.net/

Quero com o Efeito Hover e tals flws ...

Endereço do meu fórum:
upcod.forumeiros.com

Versão:
PunBB

Olá,

não sou muito experiente mas vou tentar auxiliá-lo.
Adicione ao seu código CSS:

Código:

#pun-navlinks a, #pun-navlinks a:visited {
color: #FFF!important;
margin: 0!important;
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
color: #FFF!important;
margin: 0!important;
text-decoration: none;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
a.mainmenu:hover {
color: #fff!important;
text-decoration: none!important;
}
.pun a:hover {
color: #454141;
}
.pun a:visited {
color: #454141;
}
.pun a:link {
color: #454141;
}
a.mainmenu {
-moz-transition: color .15s;
-o-transition: color .15s;
-webkit-transition: color .15s;
color: #a0a0a0!important;
font-family: Verdana, 'Lucida Grande';
font-size: 15px;
transition: color .15s;
}

Mano não funciono

Bem simples.

Adicione os seguintes códigos:

Código:


#pun-navlinks li a {
    margin: 0px 0.8em 0px 0px;
    padding: 4px 5px 7px 5px;
    transition: 0.4s all ease-in;
    color: #fff;
}


Código:


#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.3);
    padding: 4px 5px 7px 5px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5) inset;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}


E clique em salvar.
uma coisa que notei é que sei código CSS aparenta ter vários códigos idênticos espalhados. Isto poderá prejudicar o efeito um pouco.
Recomendo que faça uma ''limpa'' nos códigos adicionados para juntá-los e evitar a poluição de códigos internos.

Abraços!

Nem Funfo Mano

[C]esar escreveu:Nem Funfo Mano

É bem provável que seja a quantidade de códigos fora do lugar em seu css.
Poderia me fornecer o seu CSS?

Maninho Nem é eu testei em um fórum que não tem nennhum cod e não funciono

Olá!

Tente este CSS:

Código:


pun-head #pun-navlinks {
background:#B80808!important;
box-shadow:0 2px 3px rgba(0,0,0,0.4);
color:#FFF;
line-height:9px;
max-height:40px!important;
text-align:center
}

#pun-navlinks ul {
height:50px
}

#pun-head #pun-navlinks li {
-moz-transition:all .8s;
-o-transition:all .8s;
-webkit-transition:all .8s;
cursor:pointer;
display:inline-block;
line-height:35px;
margin-top:-6px;
padding:10px 10px 9px 19px;
transition:all .8s
}

#pun-head #pun-navlinks li:hover {
-moz-transition:all .8s;
-o-transition:all .8s;
-webkit-transition:all .8s;
background:rgba(0,0,0,0.25);
transition:all .8s
}

#pun-navlinks a,#pun-navlinks a:visited {
color:#FFF!important;
margin:0!important;
text-decoration:none
}


Caso não funcione, me passe o teu CSS completo.

Até +!

Mano funfo mas tipo dos lados tem umas partes brancas queria tirar essas partes brancas de deixar o resto do menu ...