Oi Divetes, Hoje troxe um tuto bem legal A pedido da Isa do Caprichos de garotas e da Lorena Feito com carinho, é esse menu que eu tenho aqui do lado onde diz tags nem me lembro onde foi que aprendi então ai vai o tuto...
Copie o código e cole em
HTML/Java Script e salve.
<center>
<style>
.menu8 a{
font-family: comic sans ms;
font-size: 13px;
padding:3px;
letter-spacing: 2px;
box-shadow: inset 9px 0 0px 0 #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:block;
text-align:center;
background-image: url('http://i111.photobucket.com/albums/n159/docedani/back003.png');
color: #528B8B; /* */
width: 240px; /* */
border-right:10px solid #fff; /* */
border-left:10px solid #48D1CC; /* */
overflow: hidden;
text-decoration: none; text-shadow: 0px 0px 0px #fff;
}
.menu8 a:hover{
box-shadow: inset 1000px 0 0px 0 #48D1CC;
color: #fff; /* {HOVER} */
border-right:10px solid #48D1CC; /* {HOVER} */
border-left:10px solid #000; /* {HOVER} */
text-decoration: none; text-shadow: 0px 0px 0px #fff;
}
</style>
<div class="menu8">
<a href="Endereço do site"> Menu 1</a>
<a href="Endereço do site"> Menu 2</a>
<a href="Endereço do site"> Menu 3</a>
<a href="Endereço do site"> Menu 4</a>
<a href="Endereço do site"> Menu 5</a>
</div></center>
Obrigada linda por postar! Equipe CG
ResponderExcluirDi nada Florzinha merece!!
ExcluirBeijinhos
Adorei o menu.é realmente legais esses menus que não é necessário colar nada no modelo!!!
ResponderExcluirBeijos e ótima segunda:3
sckittyworld.blogspot.com
Verdade!!
ExcluirBeijos
muito obrigada luana..........mesmo...adorei...e ja to usando no blog..bjos : ) !!!
ResponderExcluirDi nada!!
ExcluirBjus
Oiii Luana !!
ResponderExcluirEu Amei esse Tuto , pena que não sei onde fica esse ; HTML/Java Script .... Será que você poderia me ajudar ? Desde já agradeço !!!