Estilo para leer mas

imageimageimageimageimageimageimage

¡Hola Lectores! ¿Como están? yo muy feliz de escribirles nuevamente, ya son 32 lectores  me  alegra que el blog vaya creciendo bueno comenzemos hoy les enseñare  un estilo para leer más  les dejare la vista previa


imagePara lograr esto debemos hacer lo siguiente:
  • Plantilla
  • Edicion HTML
  • CTRL + F
  • Buscamos /* Mobile
y debajo del codigo que dice anteriormente pegamos lo siguiente:


.jump-link {
text-decoration: none;
padding-left: 49px;
text-align: center;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
margin-top: 8px;
background: linear-gradient(to bottom, #f4d2f4 32%,#e0bff9 67%);
border: 1px solid #fcd3ff;
box-shadow: inset 1px 1px 0px #fbf0ff;
font-family: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #fff;
padding: 5px;
font-size: 10px;
text-transform: capitalize;
text-shadow: 1px 1px 0px #f2a4f9;
}
.jump-link:hover {
background: linear-gradient(to bottom,#ffd6ff 32%,#fae3ff 67%);
}
.jump-link a:link {
color:#fff;
text-decoration:none;
}
.jump-link a:hover{
color:#fff;
text-decoration:none;
}
.jump-link a:visited {
color:#fff;
text-decoration:none;
}

Y antes de guardan le dan a vista previa para asegurarse de que todo este bien 
y le dan a guardar y listo 

Espero que les haya sido de utilidad 
Bueno también queria decirles que para la proxima semana empezare hacer nuevas plantillas
y enviare las plantillas que pidieron pueden dejarme ideas en los comentarios
los quiero goodbye




2 comentarios :

  1. holaa!!

    tiempo sin pasarme XD que genial!! gracias por el tuto

    ResponderEliminar
  2. Muy buen tuto! *^*
    No conocía tu blog :O ya te sigo <3

    ResponderEliminar

domingo, 12 de junio de 2016

Estilo para leer mas

imageimageimageimageimageimageimage

¡Hola Lectores! ¿Como están? yo muy feliz de escribirles nuevamente, ya son 32 lectores  me  alegra que el blog vaya creciendo bueno comenzemos hoy les enseñare  un estilo para leer más  les dejare la vista previa


imagePara lograr esto debemos hacer lo siguiente:
  • Plantilla
  • Edicion HTML
  • CTRL + F
  • Buscamos /* Mobile
y debajo del codigo que dice anteriormente pegamos lo siguiente:


.jump-link {
text-decoration: none;
padding-left: 49px;
text-align: center;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
margin-top: 8px;
background: linear-gradient(to bottom, #f4d2f4 32%,#e0bff9 67%);
border: 1px solid #fcd3ff;
box-shadow: inset 1px 1px 0px #fbf0ff;
font-family: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #fff;
padding: 5px;
font-size: 10px;
text-transform: capitalize;
text-shadow: 1px 1px 0px #f2a4f9;
}
.jump-link:hover {
background: linear-gradient(to bottom,#ffd6ff 32%,#fae3ff 67%);
}
.jump-link a:link {
color:#fff;
text-decoration:none;
}
.jump-link a:hover{
color:#fff;
text-decoration:none;
}
.jump-link a:visited {
color:#fff;
text-decoration:none;
}

Y antes de guardan le dan a vista previa para asegurarse de que todo este bien 
y le dan a guardar y listo 

Espero que les haya sido de utilidad 
Bueno también queria decirles que para la proxima semana empezare hacer nuevas plantillas
y enviare las plantillas que pidieron pueden dejarme ideas en los comentarios
los quiero goodbye




2 comentarios:

  1. holaa!!

    tiempo sin pasarme XD que genial!! gracias por el tuto

    ResponderEliminar
  2. Muy buen tuto! *^*
    No conocía tu blog :O ya te sigo <3

    ResponderEliminar

Copyright © 2015 Fiorela Kawaii - Desing by Angel P.