Como colocar fundo no menu

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

Resolvido Como colocar fundo no menu

Mensagem por nejibyakugan em 14/06/14, 11:34 am

  • Descrição:
Pessoal olhem o menu do meu fórum: http://pokemonmq.forumeiros.com

Eu queria saber como colocar uma cor de fundo nos botões do menu, mas sem perder esse efeito de "passar mouse por cima e a palavra ficar vermelha".


Em outras palavras, quero colocar uma cor no fundo dos links(formando uma barra) como o menu do FDF mas sem perder a troca de cores das palavras quando passamos o mouse por cima.


Como faço isso?

  • Informações:
Fórum:http://pokemonmq.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:colocar,fundo



Última edição por nejibyakugan em 22/06/14, 10:46 am, editado 1 vez(es)
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como colocar fundo no menu

Mensagem por Sennior em 14/06/14, 03:34 pm

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
a.mainmenu {
background: none 0px 0px repeat scroll rgb(23, 117, 189);
border-radius: 0px;
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image-source: none;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-style: none none solid;
border-top-left-radius: 0px;
border-width: 0px 0px 4px;
font-family: 'Oxygen Mono', Tahoma, 'Trebuchet MS', sans-serif;
font-size: 12px;
height: auto;
margin: 2px -5px 0px !important;
padding: 0px;
width: auto;
padding: 8px !important;
}
Obs:. Coloque o código acima no inicio de teu CSS.

Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan em 14/06/14, 07:34 pm

Sem resultados.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como colocar fundo no menu

Mensagem por Lima 3005 em 14/06/14, 07:53 pm

você colocou esse código no css?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan em 14/06/14, 07:58 pm

Agora que vi que era pra colocar no inicio do CSS, mas as letras ficaram pequenas .-. e a cor do fundo que eu quero não essa, é essa: #32865f
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como colocar fundo no menu

Mensagem por Lima 3005 em 14/06/14, 08:29 pm

Código:
a.mainmenu {
background: none 0px 0px repeat scroll #32865f;
border-radius: 0px;
border-color: #000000 #32865f #32865f;
border-image-source: none;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-style: none none solid;
border-top-left-radius: 0px;
border-width: 0px 0px 4px;
font-family: 'Oxygen Mono', Tahoma, 'Trebuchet MS', sans-serif;
height: auto;
margin: 2px -5px 0px !important;
padding: 0px;
width: auto;
padding: 8px !important;
}

cooloque esse, está melhor?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan em 14/06/14, 09:52 pm

O espaço entre os botões tem que ser o mesmo do FDF


(diminua um pouco a parte de baixo do menu e arredonde os cantos)
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan em 15/06/14, 12:43 am

Sim, mas não houve resultado.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como colocar fundo no menu

Mensagem por Tsumetai em 21/06/14, 10:31 am

Coloque na folha de estilo CSS:
Código:
#pun-navlinks {background-color: #32865f;}
#pun-navlinks li {padding: 0px 10px;}

Funciona?
avatar

Tsumetai
Nível 9

Masculino
Inscrito dia : 17/01/2012
Mensagens : 154
Pontos Ativos : 221

Ver perfil do usuário http://exorcistalliance.forumeiros.com

Resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan em 22/06/14, 10:46 am

Obrigado ^^
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

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