Modificar aparência do menu

5 participantes

Ir para baixo

Tópico resolvido Modificar aparência do menu

Mensagem por sulamum 06.01.12 12:25

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:
https://2img.net/r/ihimizer/img18/9103/32323232g.png

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

Versão do meu fórum:
PHPBB3
sulamum
sulamum
*

Membro desde : 21/12/2011
Mensagens : 47
Pontos : 88

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar aparência do menu

Mensagem por Dury 06.01.12 12:29

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
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar aparência do menu

Mensagem por Luciano98 06.01.12 16:55

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

Mensagem por Bluebell Kal EL 06.01.12 17:03

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
Bluebell Kal EL
Bluebell Kal EL
****

Membro desde : 15/12/2011
Mensagens : 255
Pontos : 344

http://bestgame.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar aparência do menu

Mensagem por King Gz; 06.01.12 17:16

Isto funciona mesmo em fóruns PhpBB2? Em choque

Testei em meu fórum e não funcionou rsrs
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar aparência do menu

Mensagem por Luciano98 06.01.12 17:20

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

Mensagem por sulamum 09.01.12 20:09

Totalmente funcional pode feixar o topico


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

Membro desde : 21/12/2011
Mensagens : 47
Pontos : 88

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


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