Qual é minha questão:
Olá.
Gostaria de saber como fazer o efeito no menu como o do forum dos foruns!

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

Versão do fórum:
PHPBB3

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.navbar {
background-color: transparent;
margin-bottom: 0px;
padding: 0px 3px 3px;
}
#page-header .navbar ul.navlinks {
border-bottom: 1px solid rgb(0, 118, 177);
margin-top: -9px;
}
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
#page-header ul.linklist li {
margin-left: 4px;
margin-top: 3px;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline: none medium;
padding: 5px 7px 6px;
}

Valide.


Até mais,
Passar bem.  

Olá,
Funcionou.
Mas como trocar para preto

Olá tudo bem?

Adicione em sua folha CSS

Código:


        .navbar {
        background-color: transparent;
        margin-bottom: 0px;
        padding: 0px 3px 3px;
        }
        #page-header .navbar ul.navlinks {
        border-bottom: 1px solid rgb(0, 118, 177);
        margin-top: -9px;
        }
        .linklist.navlinks {
        border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
        border-image: none;
        border-radius: 0px 0px 6px 6px;
        border-style: solid;
        border-right: rgb(21, 93, 152);
        border-width: 1px;
        overflow: hidden;
        background: none 0px 0px repeat scroll #000000;
        }
        #page-header ul.linklist li {
        margin-left: 4px;
        margin-top: 3px;
        }
        ul.linklist li {
        display: inline;
        font-size: 1.1em;
        line-height: 2.2em;
        list-style-type: none;
        width: auto;
        }
        .linklist.navlinks a {
        color: rgb(255, 255, 255);
        font-family: Verdana;
        font-size: 11px;
        padding: 3px 7px;
        text-shadow: rgb(18, 75, 121) 1px 1px 0px;
        }
        .linklist.navlinks a:hover {
        background: none 0px 0px repeat scroll rgb(21, 93, 152);
        box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
        outline: none medium;
        padding: 5px 7px 6px;
        }


Cordialmente;
Camaro.