Detalhes da questão

Endereço do fórum: http://quadrinheiros.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Prezados senhores(as),

Participo deste fórum, que está hospedado nos servidores da Forumeiros, e gostaria de saber como aplicar este mesmo estilo da barra de menus, se estendendo até o final da largura da página. Para ilustrar, destaquei o que quero dizer na seguinte imagem: https://i.imgur.com/yGEaq7p.png

Grato desde já,
cordeiroyuri.

Olá autor,

Aceda à sua folha de estilos (Painel de Controle ->> Visualização ->> Cores ->> Folha de estilo CSS) e adicione o seguinte código:

Código:

ul.navlinks {
    background: #F00;
    width: 150%;
    margin-left: -13%;
    text-align: center;
}

Até mais.
Fraise

@Fraise, agradeço a rápida resposta, mas não deu muito certo.

Eu fiz alguns ajustes nos valores do código, e o melhor que consegui foi com o seguinte valor:

Código:

ul.navlinks {
    background: #F00;
    width: 126%;
    margin-left: -13%;
    text-align: center;
}

Quanto a aparência, é possível deixar algo como o do FDF?

Refere-se à borda que aparece ao passar ao mouse?

Até mais.
Fraise

Sim, refiro-me a este estilo, que por sinal é bastante parecido ao fórum que referenciei na primeira pergunta.

Certo. Adicione mais este:

Código:

#page-header a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}

ul.navlinks { background: #000 !important; }

Até mais.
Fraise

Bacana, quase deu certo!

O que ficou faltando são os efeitos ao passar o mouse por cima dos botões. Existe solução para isto?

Eu ia passar esse código também, mas acabei por esquecer de incluir. Adicione mais este:

Código:

#page-header a.mainmenu:hover {
    background-position: 0 40px;
}

Até mais.
Fraise

Creio que a questão foi resolvida amigo.

Agradeço sua atenção, muito obrigado!