Menu com imagem

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

Resolvido Menu com imagem

Mensagem por BrunoH. em 18/08/12, 06:57 pm

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 26/08/12, 09:31 pm, editado 1 vez(es)
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu com imagem

Mensagem por Sennior em 18/08/12, 07:36 pm

Olá!

Adicione o código em sua Folha de estilo CSS:
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é
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: Menu com imagem

Mensagem por BrunoH. em 18/08/12, 07:41 pm

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

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu com imagem

Mensagem por BrunoH. em 26/08/12, 12:20 pm

UP 2 Dias pasaram... alguém por favor.
.-.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu com imagem

Mensagem por Luciano98 em 26/08/12, 05:40 pm

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(http://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(http://i42.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(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Menu com imagem

Mensagem por BrunoH. em 26/08/12, 09:31 pm

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

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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