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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
7kgmlcdkv
 
Luiz
 
iScroll
 
Matt Shultz
 
Ketholy123
 
Harleen
 
T1ag0
 
zHugh
 
PlayWillian
 
Lecxa
 

Quem está conectado
279 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 275 Visitantes :: 2 Motores de busca

7kgmlcdkv, Ketholy123, soldado, uvmyyvpew

[ 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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