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

Últimos assuntos
» Quadrado no Post
Hoje à(s) 09:49 pm por LeoziN_WallkeR

» Fundo da página em alta qualidade
Hoje à(s) 09:26 pm por Luiz

» Ranks para meu fórum
Hoje à(s) 09:20 pm por Eduardo Lima

» Quem está lendo este tópico?
Hoje à(s) 08:37 pm por Ketholy123

» Banneer de area nova animais silvestres
Hoje à(s) 07:31 pm por EDU2010

» aumentar largura
Hoje à(s) 07:21 pm por Luckcaddie

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 07:11 pm por Lost154

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
264 usuários online :: 9 usuários cadastrados, 1 Invisível e 254 Visitantes :: 2 Motores de busca

CesarWatsom2, Doncorleonedvc, iScroll, LeoziN_WallkeR, LinkinMand, Luckcaddie, odelgado, weverson lopes, zHugh

[ 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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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