Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
305 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 295 Visitantes :: 2 Motores de busca

Br_SP_Rodrigo, Connor R., Expecty, Flames, Kyo Panda, Luiz~, Shek, Sovereign

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Extensão da Barra de Menus

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

Resolvido Extensão da Barra de Menus

Mensagem por cordeiroyuri em 08/11/15, 07:55 pm

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: http://i.imgur.com/yGEaq7p.png

Grato desde já,
cordeiroyuri.


Última edição por cordeiroyuri em 08/11/15, 09:30 pm, editado 1 vez(es)
avatar

cordeiroyuri
Nível 4

Masculino
Inscrito dia : 14/12/2011
Mensagens : 34
Pontos Ativos : 63

http://quadrinheiros.forumeiros.com

Resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise em 08/11/15, 08:02 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri em 08/11/15, 08:23 pm

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

cordeiroyuri
Nível 4

Masculino
Inscrito dia : 14/12/2011
Mensagens : 34
Pontos Ativos : 63

http://quadrinheiros.forumeiros.com

Resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise em 08/11/15, 08:24 pm

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

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri em 08/11/15, 08:26 pm

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

cordeiroyuri
Nível 4

Masculino
Inscrito dia : 14/12/2011
Mensagens : 34
Pontos Ativos : 63

http://quadrinheiros.forumeiros.com

Resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise em 08/11/15, 08:32 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri em 08/11/15, 08:34 pm

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

cordeiroyuri
Nível 4

Masculino
Inscrito dia : 14/12/2011
Mensagens : 34
Pontos Ativos : 63

http://quadrinheiros.forumeiros.com

Resolvido Re: Extensão da Barra de Menus

Mensagem por Fraise em 08/11/15, 08:35 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Extensão da Barra de Menus

Mensagem por cordeiroyuri em 08/11/15, 08:38 pm

Creio que a questão foi resolvida amigo.

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

cordeiroyuri
Nível 4

Masculino
Inscrito dia : 14/12/2011
Mensagens : 34
Pontos Ativos : 63

http://quadrinheiros.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum