>
Image Map

Menu lindo com bolinha

26 de agosto de 2013 |


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>


7 comentários:

  1. Adorei o menu.é realmente legais esses menus que não é necessário colar nada no modelo!!!
    Beijos e ótima segunda:3
    sckittyworld.blogspot.com

    ResponderExcluir
  2. muito obrigada luana..........mesmo...adorei...e ja to usando no blog..bjos : ) !!!

    ResponderExcluir
  3. Oiii Luana !!
    Eu Amei esse Tuto , pena que não sei onde fica esse ; HTML/Java Script .... Será que você poderia me ajudar ? Desde já agradeço !!!

    ResponderExcluir

Olá Gurias e Guris também porque não ♥
Fico muito feliz com seu comentário!!
------------------------------------------------------------------
Agora alguns recadinhos importantes:

♥ Deixe seu link para que eu possa retribuir sua visita;
♥ Se estiver seguindo aqui, me avise para que eu possa seguir seu também;
♥ Comente com todo seu carinho, leia o poste e comente algo relacionado, que retribuirei com o mesmo gesto; ♥
♥ Meus comentários são moderados por segurança, e que eu tenha controle e que eu não deixe de responder ninguém.
♥ Para dúvidas e parcerias entre em contato por e-mail: ~coffecomaszamigas@gmail.com~

~ Obrigada e Volte sempre! ♥
Café com as Zamigas |Luana Mendes

Instagram: @luanamendesblog
Canal no Youtube: Luana
https://www.youtube.com/user/meninadivadamoda