31/12/15

[Tutorial] Modelo de Leer Mas #1



Hola!! hace mucho que no publicaba pero bueno este sera el ultimo post del año 2015, antes que nada les deseo un Feliz Año Nuevo 2016 !!!!, bueno como el titulo lo dice les traigo un tutorial para poner leer mas.

Vista Previa







1- Vamos a Plantilla ---> Edicion HTML ----> CTRL + F ----> en el cuadro de búsqueda que aparecerá ponen esto: ]]></b:skin , encima de eso pondrán el siguiente código:


.jump-link a {
color: #000000;
}
.jump-link {
font-family: 'PF arma five';
font-size: 8px;
letter-spacing: 2;
padding: 2px;
float: center;
margin-bottom: 10px;
width: 99%;
line-height: 15px;
background: #FF7FCE;
border: solid 1px #FF17A7;
text-align: center;
border-radius: 0px;transition: 0.6s;
}
.jump-link:hover {
-webkit-transition-duration: .90s;
background-color: #FF7FCE;
border-radius: 10px;transition: 0.6s;
border: 1px solid #b58d7f;
}



Cosas a Cambiar:

Rojo: Color de Letra
Naranja: Color del primer fondo
Amarillo: Color del primer borde
Verde: Color del segundo fondo
Azul: Color del segundo borde



Espero les guste el tutorial, ya saben dudas o sugerencias
dejarlas en los comentarios o el chat, Adios y Feliza Año Nuevo!!

No hay comentarios:

Publicar un comentario