Slider

espacios slider









18 dic. 2013

Tutorial: Personaliza Gadgets


Qué tal estan? ya termine mis exámenes y ya volví para estar con mi querido blog, estuve ocupada y no vi el pedido de DaniSasuNaru creo que es esto a lo que te refieres jeje
Para tener los gadgets (de la forma que la tengo yo) sigan los siguientes pasos:
- Plantilla / Edicion HTML 
- Pulsamos Ctrol + F   ]]></b:skin>
- Pegar el siguiente código antes de ]]></b:skin>

PDT: en caso que no salga Ctrol + F y buscamos /* Widgets --- y debajo borras hasta aquí.


y colocas el siguiente código debajito de * Widgets ----

.sidebar .widget {
background: #fff;
 border-bottom: 5px solid #fcc7c7;
 border-top: 5px solid #afeeee;
-webkit-border-radius: 10px;
font-family: Delius;
font-size: 14px;
text-align: center;
font-weight: normal;
padding: 1px;
-webkit-transition-duration: .80s;
}
.sidebar .widget:hover {
background:  #fff;
-webkit-border-radius: 10px;
 border-bottom: 5px solid #afeeee;
 border-top: 5px solid  #fcc7c7;
font-family: Delius;
font-size: 14px;
text-align: center;
font-weight: normal;
padding: 1px;
-webkit-transition-duration: .80s;}
.sidebar h2 {
font: normal 22px 'Emerald',Trebuchet,sans-serif;
color: #6FCFFF;
text-align: center;
margin-top: 3px;
margin-bottom: 2px;
border-bottom: 3px dotted #FFA6B2;
}
@font-face {
font-family: 'Emerald';
src: url('http://static.tumblr.com/z7rr9hy/SJNmixual/simplicity.ttf');
}


#fff:Color del fondo de los gadgets 
5:Tamaño del borde de la parte de abajo en los  gadgets
#fcc7c7::Color del borde de la parte de abajo en los gadgets(Ejemplo de la imagen:es la linea rosada que se encuentra abajo)
5:Tamaño del borde de la parte de arriba en los  gadgets
#afeeee:Color del borde de la parte de arriba en los gadgets(Ejemplo de la imagen:es la linea celeste que se encuentra arriba)
10:Si aumenta la cantidad las esquinas de los gadgets se redondaran mas y si disminuye pasa lo contrario
#fff:Color del fondo de los gadgets al pasar el cursor
5:Tamaño del borde de la parte de abajo al pasar el cursor
#afeeee:Color del borde de la parte de abajo en los gadgets al pasar el cursor
5:Tamaño del borde de la parte de arriba al pasar el cursor
#fcc7c7:Color del borde la parte de arriba en los gadgets al pasar el cursor
#6FCFFF:Color de la letra del titulo de los gadgets
3:Tamaño del borde de la linea bajo el titulo
#FFA6B2:Color de la linea bajo el titulo

Le das a vista previa haber como te quedo y ¡tachan! le damos a guardar y listo

Creditos a : LUNA



7 comentarios:

  1. Gracias n.n!!! espero me quede genial como el tuyo ewe

    ResponderEliminar
    Respuestas
    1. Espero que te salga bien ^^ y seguro que te quedara genial ^3^

      Eliminar
  2. Hoola~! Tienes un premio en mi blog :D
    http://sweet-love-shoujo.blogspot.com.es/2013/12/premio-de-navidad.html

    ResponderEliminar
  3. muchas gracias esta es la primera vez que me sirve un tutorial muchas gracias encerio!!!!

    ResponderEliminar