14.8.16

[Tutorial] Menú This.


Shy shy shy~

¡Hola! ¿Cómo están? espero qué sé encuentren súper~
hoy les traigo un menú muy bonito :3 admito qué me encantaron los colores
y además está en hover :O 
empecemos con el tutorial :3
Vista previa

Blogger||Plantilla||Editar HTML||Ctrl f || y buscas:

]]></b:skin>
Encima de el ponemos el siguiente código. 

this {
color:#fff;
text-shadow: 1px 1px 1px #E6E6FA;
background: #E6E6FA;
border: solid 1px #E6E6FA;
box-shadow: inset 0 0 6px #E6E6FA, 0px 1px 1px#E6E6FA;
margin:+2px;
margin-left:0px;
display: inline-block;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:5px;
height: 8px;
width: 43px;
-webkit-transition-duration: .80s;
}
this:hover {
cursor:hand;
background: #f9c7e7;
border: solid 1px #f9c7e7;
box-shadow: inset 0 0 6px #f9c7e7, 0px 1px 1px #f9c7e7;
text-align: center;
font-family: PF Arma Five; font-size: 8px;
color:#fff;
text-shadow: 1px 1px 1px #f5f5f5;
}
Le dan clic en Guardar.

Ahora lo qué haremos es ir a:

Diseño||Añadir gadget||HTML Javascrip|| copia y pega el siguiente código

<a href="LINK"><this>NOME</this></a>
Rojo: Link del sitio:
Morado: Nombre del sitio web 

Repite ese código depende de cuantos menús quieras

Espero qué les guste este tutorial
Créditos a sus respectivos creadores

No olvides seguirnos , comenta 
sí tienes alguna duda escribe a mi correo♥
BYE , feliz tarde.

No hay comentarios.:

Publicar un comentario

¡Gracias por leer la entrada!♡
━ Comenta con respeto ♡
━ No Spam♡
━ Respeta al Administrador y a los usuarios.♡

━ ♡ Símbolos :
♡ ❀ ღ ❀ » ♛ « ✰ ➤ ♪ ✉ ✔ ✖ ♂ ◥ ▶ ☆ ❣ ❂ ℂ


━ ♡Sí tienes alguna duda envíame un correo :
Bethzaliecontre13492@gmail.com

━ ♡Sí te gusto el contenido del blog, no olvides seguirlo.

Att: ━ ada♔ 「admi」