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
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
Luiz
 
APOllO
 
Forumpw
 
MtX
 

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

APOllO, Dark Hunter, joram, Reset

[ 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