MENU ♥TOPY LOVE♥

Holaaaaya es viernes y la verdad que lo siento por no haber estado por sus blogs masse me acumulan y no puedo entrar a todos todos los díaspero para compensaros os traigo este tutorial que me encanta es mi menú favorito

• Plantilla
• Edicion HTLM
• Buscar:

Y pegar antes de

este código :3

<style></div> <div style="text-align: center; "> .MENUlove { /* BORDE TOP */</div> <div style="text-align: center; "> font-family: arial;</div> <div style="text-align: center; "> font-size: 11px;</div> <div style="text-align: center; "> text-transform: uppercase;</div> <div style="text-align: center; "> padding: 10px;</div> <div style="text-align: center; "> position: fixed;</div> <div style="text-align: center; "> left: 0px;</div> <div style="text-align: center; "> top: 0px;</div> <div style="text-align: center; "> width: 100%;</div> <div style="text-align: center; "> overflow: hidden;</div> <div style="text-align: center; "> text-align: center;</div> <div style="text-align: center; "> border-top: 5px solid #fdeb58;</div> <div style="text-align: center; "> -webkit-transition: all 0.8s ease;</div> <div style="text-align: center; "> -moz-transition: all 0.8s ease;</div> <div style="text-align: center; "> -o-transition: all 0.8s ease;</div> <div style="text-align: center; "> }</div> <div style="text-align: center; "> .MENUlove:hover { /* BORDE TOP HOVER */</div> <div style="text-align: center; "> border-top: 5px solid #be86f9;</div> <div style="text-align: center; "> -webkit-transition: all 0.3s ease;</div> <div style="text-align: center; "> -moz-transition: all 0.3s ease;</div> <div style="text-align: center; "> -o-transition: all 0.3s ease;</div> <div style="text-align: center; "> }</div> <div style="text-align: center; "> .MENUlove a { /* LINKS */</div> <div style="text-align: center; "> background: #be86f9;</div> <div style="text-align: center; "> border-radius: 0 0 30px 30px;</div> <div style="text-align: center; "> color: #fff;</div> <div style="text-align: center; "> text-decoration: none;</div> <div style="text-align: center; "> padding-left: 50px;</div> <div style="text-align: center; "> padding-right: 50px;</div> <div style="text-align: center; "> padding-top: 10px;</div> <div style="text-align: center; "> padding-bottom: 10px;</div> <div style="text-align: center; "> text-shadow: 0px -100px 1px #FFF;</div> <div style="text-align: center; "> -webkit-transition: all 0.8s ease;</div> <div style="text-align: center; "> -moz-transition: all 0.8s ease;</div> <div style="text-align: center; "> -o-transition: all 0.8s ease;</div> <div style="text-align: center; "> } </div> <div style="text-align: center; "> .MENUlove a:hover { /* LINKS HOVER */</div> <div style="text-align: center; "> background: #fdeb58;</div> <div style="text-align: center; "> color: transparent;</div> <div style="text-align: center; "> font-style: italic;</div> <div style="text-align: center; "> padding-left: 20px;</div> <div style="text-align: center; "> padding-right: 80px;</div> <div style="text-align: center; "> text-shadow: 30px 0px 0px #fff;</div> <div style="text-align: center; "> -webkit-transition: all 0.3s ease;</div> <div style="text-align: center; "> -moz-transition: all 0.3s ease;</div> <div style="text-align: center; "> -o-transition: all 0.3s ease;</div> <div style="text-align: center; "> }</div> <div style="text-align: center; "> </style></div> <div style="text-align: center; "> <div class='MENUlove'> </div> <div style="text-align: center; "> <a href='URL'>TITULO</a></div> <div style="text-align: center; "> <a href='URL'>TITULO</a></div> <div style="text-align: center; "> <a href='URL'>TITULO</a></div> <div style="text-align: center; "> <a href='URL'>TITULO</a></div> <div style="text-align: center; "> </div>

Todo lo que necesitáis saber para cambiar el color viene indicado en mayúsculas al empezar el párrafo

1. Si quieres añadir mas categorías solo añade esto debajo de la ultima categoría que pusiste

<a href='URL'>TITULO</a>

Espero que este tuto os haya gustado y sobre todo os haya servido de ayuda ya que mucha gente me pidió este tuto aquí esta y la siguiente entrada intentare que sean unos TIPS si tenéis ideas yo las miro jajaja es que para los TIPS es muy difícil tener ideas

Créditos {Mell}