Menu Sombreadin
Mais um menu. Vejam o demo:
Lindjo, sqn.
Vamos lá! CSS(entre <style> e </style>:
/* menu por leonicky (lover-bipolar) não retire os créditos*/
#sombreadin { background: none; font-family: tahoma; color: #CORDABOLINHA; font-size: 16px;}
#sombreadin a { }
#sombreadin a:hover {background-color: #CORDAABAQUANDOPASSAOMOUSE; letter-spacing:5px;-moz-box-shadow: 50px 50px 50px #CORDOSOMBREADO;
-webkit-box-shadow: 1px 5px 5px #REPETEACORDOSOMBREADO;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }
a:link {color: #CORDALETRADOLINK;text-decoration: none;}
Agora o HTML(depois de <body>):
<div id=”sombreadin”><center>
<a href=”URL”> link</a> ●
<a href=”URL”> l i n k</a> ●
<a href=”URL”> LINK</a> ●
<a href=”URL”>menu por</a> ●
<a href=”URL”>Leonicky.</a>
</center>
</div>
Pronto! Agora você não pode se esquecer de mudar o que se pede. Caso queira que fique do jeito que ta no Demo que eu fiz, é só trocar o CSS passado acima, por esse:
/* menu por leonicky (lover-bipolar) não retire os créditos*/
#sombreadin { background: none; font-family: tahoma; color: #C1CDCD; font-size: 16px;}
#sombreadin a { }
#sombreadin a:hover {background-color:#000;letter-spacing:5px;-moz-box-shadow: 50px 50px 50px #b6ebf7;
-webkit-box-shadow: 1px 5px 5px #4682B4;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; }
a:link {color: #4682B4;text-decoration: none;}
Esse menu foi feito totalmente por mim, Leonicky. Não copie, não repasse, não reblog, nem retire os créditos.
Credite devidamente se usar, e lembre-se de dar like e avisar na ask.
Leonicky.
