- 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
- Si quieres añadir mas categorías solo añade esto debajo de la ultima categoría que pusiste
<a href='URL'>TITULO</a>
