<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>
Tutorial: Menú Cintas
Pegar en un gadget HTML el siguiente código y editar:
No hay comentarios:
Publicar un comentario
¡Gracias por tu comentario!
Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●
Simbolos:
♡♥♫△☆ღ