Dulce Efectito para tus enlaces~♥

   

Hello!!  !!!Como les vaa eeh? Yoo super contensiimaa =) .. Ya llegaremos a 60 Seguid@res .. Habra Concurso y Premios ^^.. ahhahaha.. Y Bueno.. Chicas como les prometi ayer les traigo un Tutorial♥~ Al fin!~... Si porque mi blog se estaba convertiendo en un Bloguiis de Pediidos?♥~...

Bueno el Tutorial se trata que al pasar el cursor Sobre un enlace les aparece un Linduus efectiito♥~ (Bueno no tan lindo .. )..

Observen la siguiente Imagen♥:

Sii es un efectito algo bonico :S .... Ey!! en que estabamos? aah sii .. Te interesa este Tutorial??..Entonces ya! Segui leyendo ♥~

Shalalalala~♥

Ok.. Para tener ese efectito lo primero que tenemos que hacer es ir a:

Diseño>>Plantilla>>Edicion HTML>>Si te sale un mensajito: Continuar☺..

Okay~ Presionamos la Tecla CTR+G y buscamos este code:

a:hover {

Y luego encontraras todo un codigo asi:

  text-decoration:underline;
  color: $(link.hover.color);
}

Osea asi te muestro la imagen ^^:

Borras todo ese code pero Atencion esto es importantisimo No borres este cosito: }
Que si lo  borras no funcionara ;3 !!

Bueno quedandote Asi:

<---Clic para agrandar**♥

Okay hay ira el code que te mostrare acontinuacion:

background-color: #FFC1DD;
border-bottom: 5px double transparent;
-webkit-transition: 0.7s;

Quedandote asi:

Sii una vez que ya hiciste todos estos pasos y entendiste perfectamente .. PERSONALIZAMOOS!♥..

o bueno como se llame :/ ..

background-color: #FFC1DD;
border-bottom: 5px double transparent;
-webkit-transition: 0.7s;

ROJO: Hay pones el color del fondo al pasar el cursor por ejemplo: Yo le puse un rosiita pastel ^^:

Ahora!!Si quieres lo puedes dejar Asi sigue funcionando pero lo demas que te voy a dar aqui abajiito..creo que no te servira aun no lo probe pero el transition  si te servira♥~

Anaranjado: Hay Ponemos el ancho ;3..

Azul: Es el Borde lo pueden cambiar por:

Solid

Dashed

Dotted

Groove

Ridge

Inset 

Outset

Perdonen pero no pude sacar las imagenes~..

Rosa: Ese si sirve ;3 es el transicion ~ por cuanto tiempo lo quieres~ Lo puse en 7 podes cambiarlo por los numeros que mas prefieras ^^..~♥

Y Terminanos!!~♥ Sii espero que les guste ese hermoso efecto (para mi esta lindo xD)..Y bueno .. :

Oluu chicas si estas leyendo esto es que terminaste el Tutorial~Por favor dar creditos a mi blog si utilizas este efecto.. Gracias por ser comprensiv@♥ Atte: Mi rinconcito Kawaii

Les mando muchos besoooooooootes♥~
Bay !!♥