tutorial : poner un menu topy love

• Plantilla
• Edicion HTLM
• Buscar: </body>

Y pegar antes de </body> este código :3

<style>

.MENUlove { /* BORDE TOP */

font-family: arial;

font-size: 11px;

text-transform: uppercase;

padding: 10px;

position: fixed;

left: 0px;

top: 0px;

width: 100%;

overflow: hidden;

text-align: center;

border-top: 5px solid #fdeb58;

-webkit-transition: all 0.8s ease;

-moz-transition: all 0.8s ease;

-o-transition: all 0.8s ease;

}

.MENUlove:hover { /* BORDE TOP HOVER */

border-top: 5px solid #be86f9;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

}

.MENUlove a { /* LINKS */

background: #be86f9;

border-radius: 0 0 30px 30px;

color: #fff;

text-decoration: none;

padding-left: 50px;

padding-right: 50px;

padding-top: 10px;

padding-bottom: 10px;

text-shadow: 0px -100px 1px #FFF;

-webkit-transition: all 0.8s ease;

-moz-transition: all 0.8s ease;

-o-transition: all 0.8s ease;

} 

.MENUlove a:hover { /* LINKS HOVER */

background: #fdeb58;

color: transparent;

font-style: italic;

padding-left: 20px;

padding-right: 80px;

text-shadow: 30px 0px 0px #fff;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

}

</style>

<div class='MENUlove'>

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

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

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

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

</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>