Como colocar fundo no menu

4 participantes

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

Tópico resolvido Como colocar fundo no menu

Mensagem por nejibyakugan 14.06.14 15:34

  • 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 14:46, editado 1 vez(es)
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por Sennior 14.06.14 19:34

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan 14.06.14 23:34

Sem resultados.
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por Lima 3005 14.06.14 23:53

você colocou esse código no css?
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan 14.06.14 23:58

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
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por Lima 3005 15.06.14 0:29

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?
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan 15.06.14 1:52

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)
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan 15.06.14 4:43

Sim, mas não houve resultado.
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por Tsumetai 21.06.14 14:31

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

Funciona?
Tsumetai

Tsumetai
***

Membro desde : 17/01/2012
Mensagens : 154
Pontos : 221

http://exorcistalliance.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar fundo no menu

Mensagem por nejibyakugan 22.06.14 14:46

Obrigado ^^
nejibyakugan

nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos