Tutorial: Menú Cintas

HOME TUTOS RECURSOS AFFIES PEDIDOS

Pegar en un gadget HTML el siguiente código y editar:

 <style type="text/css">

.hCT {

padding: 3px 5px 7px 5px;

position: relative;

background: #BFEDFF; /* FONDO DEL MENU */

border-radius: 0;

z-index: 1;

outline-offset: -3px;

outline: 1px dashed #ddd; /* BORDE ENTRECORTADO */

}

.DRAGONS {

position: relative;

width: 570px; /* LARGO DEL MENU */

}

/* COLORES DE LAS PUNTAS Y DOBLES IZQ. */

.DRAGONS:after {

border-color: #E8AFFF transparent #E8AFFF #C69BD7;

border-style: solid;

border-width: 15px;

content: "";

position: absolute;

right: -16px;

top: 14px;

}

/* COLORES DE LAS PUNTAS Y DOBLES DER. */

.DRAGONS:before {

border-color: #E8AFFF #C69BD7 #E8AFFF transparent;

border-style: solid;

border-width: 15px;

content: "";

position: absolute;

left: -16px;

top: -14px;

}

a.linksCT {

color: #000000; /* COLOR DE LINKS */

text-decoration: none;

text-shadow: 0px -0px 0px transparent,

             0px 0px 0px transparent;

}

.linksCT {

font: 9px georgia; /* TIPO DE LETRA DE LINKS */

text-transform: uppercase;

-webkit-transition-duration: 0.5s;

margin: 3px;

letter-spacing: 2px;

}

.linksCT:hover {

color: transparent;

text-shadow: 0px -1px 0px #C69BD7, /* COLOR DE LINK HOVER */

             1px 1px 0px #7c9222; /* COLOR DE SOMBRA */

}

</style>

<div class="DRAGONS">

<div class="hCT">

<center>

<a href="http://unatierraparachicas.blogspot.com" class="linksCT">HOME</a>

<a href="http://unatierraparachicas.blogspot.com/p/tutoriales.html" class="linksCT">TUTOS</a> 

<a href="http://unatierraparachicas.blogspot.com/p/recursos_18.html" class="linksCT">RECURSOS</a>

<a href="http://unatierraparachicas.blogspot.com/p/afiliados.html" class="linksCT">AFFIES</a>

<a href="http://adf.ly/wyMrk" class="linksCT">PEDIDOS</a>

</center>

</div>

</div>