Menu com imagem

3 participantes

Ir para baixo

Tópico resolvido Menu com imagem

Mensagem por BrunoH. 18.08.12 22:57

Qual é minha questão:
Olá a todos, eu tentei pegar o menu deste fórum: http://spdesign.ativoforum.com/
tentando verificar os JavaScripts, mais não dei conta.., oque eu queria é tipo, eu queria aquele fundo preto, atras dos nomes dos menus..
Obs: Apenas Como colocar o Fundo preto e quando passa o mouse, aparece a seta virada pra baixo azul.., não quero o Buscar não.., apenas o menu e a seta, sem o Buscar..

Abraços Muito feliz

Links e imagens do meu problema:
---

Endereço do meu fórum:
http://bcvgames.forumbrasil.net/

Versão do meu fórum:
PHPBB3


Última edição por HeadShot_. em 27.08.12 1:31, editado 1 vez(es)
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com imagem

Mensagem por Sennior 18.08.12 23:36

Olá!

Adicione o código em sua Folha de estilo CSS:
Menu com imagem 3411717539 Painel de controle :seta2: Visualização :seta2: Imagens e cores :seta2: Cores
Seta Folha de estilo CSS
.

Seta Código:

Código:
#wrap-head #wrap-navlinks {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#wrap-navlinks, #wrap-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#wrap-navlinks {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}

Bom, o código e para estrutura PUNB o que e perigoso não der exito ao teu fórum.

Valide e visualize teu fórum. Café
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: Menu com imagem

Mensagem por BrunoH. 18.08.12 23:41

Olá Dr.House,
Não é possivel nem coloca-lo para phpBB3? precisava muito desse código..
#Aqui não funcionou

Abraços Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com imagem

Mensagem por BrunoH. 26.08.12 16:20

UP 2 Dias pasaram... alguém por favor.
.-.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com imagem

Mensagem por Luciano98 26.08.12 21:40

Olá!

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

Código:
#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(https://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(https://i.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}

Valide.

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu com imagem

Mensagem por BrunoH. 27.08.12 1:31

Olá!
Obrigado mesmo Luciano98, sou seu fan =D
Resolvido!

Abraços Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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