Modificar aparência do menu

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

Resolvido Modificar aparência do menu

Mensagem por sulamum em 06/01/12, 10:25 am

Qual é minha questão:
Gostaria que alguem criase 1 menu bem legal assim
este que esta na imagem quando o mouse passa ele tipo que afunda muito bem trabalhado alguem faz 1 assim pra mim que divida (LOGO DEPOIS MENU DEPOIS CONTEUDO) SE ENTENDEU ME AJUDE

Imagens do meu problema:
http://img18.imageshack.us/img18/9103/32323232g.png

Endereço do meu fórum:
http://sonicmaker.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

Ver perfil do usuário http://hackerpb.forumeiros.com/
  • 0

Resolvido Re: Modificar aparência do menu

Mensagem por Dury em 06/01/12, 10:29 am

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:
Código:
.navbar ul.navlinks li a{bottom:-22px;color:#fff!important;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}#page-header .navbar ul.navlinks li a:hover{color:#DCF9FF!important;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks{background:url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat 51% 0;height:50px;left:-37px;position:relative;width:1012px}
Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário
  • 0

Resolvido Re: Modificar aparência do menu

Mensagem por Luciano98 em 06/01/12, 02:55 pm

Olá!

Para que o menu funcione corretamente você deve alternar os botões dele do modo imagem para o modo texto.
Aceda à "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:
#page-header .navbar{background-attachment:scroll;background-clip:border-box;background-color:white;background-image:none;background-origin:padding-box;bottom:auto;clear:both;color:#222;display:block;font-family:'trebuchet MS', 'trebuchet MS';font-size:10px;height:60px;margin-bottom:0px;margin-left:32px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:0px;position:static;text-shadow:none}#page-header ul.linklist.navlinks{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png);background-origin:padding-box;background-position:center center;background-repeat:no-repeat;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:block;font-family:'trebuchet MS', 'trebuchet MS';font-size:10px;font-weight:bold;height:50px;line-height:normal;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-shadow:none}#page-header ul.linklist.navlinks li{background-attachment:scroll;background-color:transparent;background-image:none;border-bottom-color:#222;border-bottom-style:none;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:inline;float:none;font-family:'trebuchet MS', 'trebuchet MS';font-size:11px;font-weight:bold;height:0px;line-height:24px;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:static;text-align:center;text-shadow:none}a.mainmenu{background-attachment:scroll;background-color:transparent;background-image:none;border-bottom-color:white;border-bottom-style:none;border-bottom-width:0px;bottom:-22px;clear:none;color:white;cursor:auto;display:inline;float:none;font-family:arial;font-size:14px;font-weight:bold;height:0px;line-height:24px;list-style-type:none;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-decoration:none;text-shadow:black 1px 1px 1px}#page-header .navbar ul.navlinks li a:hover{color:#EFEFEF;text-shadow:black -1px -1px 1px}

Salve.

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: Modificar aparência do menu

Mensagem por Bluebell Kal EL em 06/01/12, 03:03 pm

tbm queria assim ja resolvir
luciano Muito feliz vlw creio se o sula usar o codigo css do luciano fucione

jeffrey a sua esta otima tbm Muito feliz usei as 2 fucionaram perfeitamente.
+ pros 2
avatar

Bluebell Kal EL
Nível 10

Masculino
Inscrito dia : 15/12/2011
Mensagens : 255
Pontos Ativos : 344

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

Resolvido Re: Modificar aparência do menu

Mensagem por King Gz; em 06/01/12, 03:16 pm

Isto funciona mesmo em fóruns PhpBB2? Em choque

Testei em meu fórum e não funcionou rsrs
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Modificar aparência do menu

Mensagem por Luciano98 em 06/01/12, 03:20 pm

@King Gz; escreveu:Isto funciona mesmo em fóruns PhpBB2? Em choque

Testei em meu fórum e não funcionou rsrs
O fórum dele é PhpBB3, mas ele colocou no tópico PhpBB2. Já editei no tópico para PhpBB3.
Talvez seja possivel fazer esse efeito no menu da versão PhpBB2, porém esse código que eu passei não funciona nela.

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: Modificar aparência do menu

Mensagem por sulamum em 09/01/12, 06:09 pm

Totalmente funcional pode feixar o topico


FUNCIONAL PHPBB3 MEU FORUM E PHPBB2 SO QUE PRECISAVA DESTE CODIGO PARA PHPBB3 VLW LUCIANO OBRIGADO.
avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

Ver perfil do usuário http://hackerpb.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