marcos_804 Postado Março 7, 2007 Denunciar Share Postado Março 7, 2007 Pessoal espero que gostem destes codigos de menu. São uns efeitos bem simples mas bem legal.Caso tenham alguma duvida lancem a pergunta....falou ate mais...<html> <head> <title>.:: Marcos Legal ::.</title> <style> a{text-decoration:none} a:hover{text-decoration:underline} #menu {font-family:verdana;font-size:12px;color:#000000} #menu a{line-height:25px;background-color:#C0C0C0;display:block;padding-lefT:5px;width:150px;border-left:8px solid #336699;color:#000000;border-top:1px solid #FFFFFF} #menu a:hover{color:#FFFFFF;background-color:#336699;border-left:8px solid #C0C0C0} #menu1 {line-height:35px;background-color:#F1F1F1;text-align:center;border-bottom:3px outset #C0C0C0;border-top:3px outset #C0C0C0} #menu1 a{background-color:#F1F1F1;padding:11px 30px 10px 30px;border-bottom:3px outset #336699;border-top:3px outset #336699;color:#000000;font-family:verdana, arial;font-size:12px;font-weight:bold} #menu1 a:hover{background-color:#336699;color:#FFFFFF;text-decoration:none} .borda {border-right:1px solid #C0C0C0} .borda1 {border-right:1px solid #C0C0C0;border-left:1px solid #C0C0C0} </style> </head> <body> <div id="menu"> <a href="java script:void(0);">Home</a> <a href="java script:void(0);">Menu 1</a> <a href="java script:void(0);">Menu 2</a> <a href="java script:void(0);">Menu 3</a> </div><br> <div id="menu1"><a href="#" class="borda1">Home</a><a href="#" class="borda">Contato</a><a href="#" class="borda">Músicas</a><a href="#" class="borda">Turismo</a><a href="#" class="borda">Downloads</a><a href="#" class="borda">Fale Conosco</a></div> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest R3voltado Postado Novembro 7, 2007 Denunciar Share Postado Novembro 7, 2007 pow cara N De o peixe De..... Da A Vara de pescar para que nóis possamos pegar nosso próprio peixe Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest R3voltado Postado Novembro 7, 2007 Denunciar Share Postado Novembro 7, 2007 pow cara N De o peixe De..... Da A Vara de pescar para que nóis possamos pegar nosso próprio peixePow + Fora isso MANO FIKO MUITO PIKA mesmo =] pow To felix pra caramba consegui colocar meu site On lineIRRAAAA =] + tah No Inicio com coisas Bobas Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 hipnos na area Postado Novembro 22, 2007 Denunciar Share Postado Novembro 22, 2007 (editado) recomendo usar <UL> e <LI> para menuse acho que seu código CSS está meio que poluidomas está bom mesmo assimapesar de poder resumir sem perder o efeito ^_^ Editado Novembro 22, 2007 por hipnos na area Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
marcos_804
Pessoal espero que gostem destes codigos de menu. São uns efeitos bem simples mas bem legal.
Caso tenham alguma duvida lancem a pergunta....
falou ate mais...
<html> <head> <title>.:: Marcos Legal ::.</title> <style> a{text-decoration:none} a:hover{text-decoration:underline} #menu {font-family:verdana;font-size:12px;color:#000000} #menu a{line-height:25px;background-color:#C0C0C0;display:block;padding-lefT:5px;width:150px;border-left:8px solid #336699;color:#000000;border-top:1px solid #FFFFFF} #menu a:hover{color:#FFFFFF;background-color:#336699;border-left:8px solid #C0C0C0} #menu1 {line-height:35px;background-color:#F1F1F1;text-align:center;border-bottom:3px outset #C0C0C0;border-top:3px outset #C0C0C0} #menu1 a{background-color:#F1F1F1;padding:11px 30px 10px 30px;border-bottom:3px outset #336699;border-top:3px outset #336699;color:#000000;font-family:verdana, arial;font-size:12px;font-weight:bold} #menu1 a:hover{background-color:#336699;color:#FFFFFF;text-decoration:none} .borda {border-right:1px solid #C0C0C0} .borda1 {border-right:1px solid #C0C0C0;border-left:1px solid #C0C0C0} </style> </head> <body> <div id="menu"> <a href="java script:void(0);">Home</a> <a href="java script:void(0);">Menu 1</a> <a href="java script:void(0);">Menu 2</a> <a href="java script:void(0);">Menu 3</a> </div><br> <div id="menu1"><a href="#" class="borda1">Home</a><a href="#" class="borda">Contato</a><a href="#" class="borda">Músicas</a><a href="#" class="borda">Turismo</a><a href="#" class="borda">Downloads</a><a href="#" class="borda">Fale Conosco</a></div> </body> </html>Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.