Extensão da Barra de Menus

2 participantes

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

Tópico resolvido Extensão da Barra de Menus

Mensagem por cordeiroyuri 08.11.15 21:55

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.


Última edição por cordeiroyuri em 08.11.15 23:30, editado 1 vez(es)
cordeiroyuri

cordeiroyuri
*

Membro desde : 14/12/2011
Mensagens : 34
Pontos : 63

http://quadrinheiros.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise 08.11.15 22:02

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri 08.11.15 22:23

@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?
cordeiroyuri

cordeiroyuri
*

Membro desde : 14/12/2011
Mensagens : 34
Pontos : 63

http://quadrinheiros.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise 08.11.15 22:24

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

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri 08.11.15 22:26

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

cordeiroyuri
*

Membro desde : 14/12/2011
Mensagens : 34
Pontos : 63

http://quadrinheiros.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise 08.11.15 22:32

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri 08.11.15 22:34

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?
cordeiroyuri

cordeiroyuri
*

Membro desde : 14/12/2011
Mensagens : 34
Pontos : 63

http://quadrinheiros.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise 08.11.15 22:35

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri 08.11.15 22:38

Creio que a questão foi resolvida amigo.

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

cordeiroyuri
*

Membro desde : 14/12/2011
Mensagens : 34
Pontos : 63

http://quadrinheiros.forumeiros.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