Modelos para sidebar #1

 http://static.tumblr.com/koam7dd/etJn2a76p/k2.png

 ¡Hola! que tal?
Hoy les traigo varios sidebar (solo cambia los colores)
¡Espero les guste! <3

Plantilla | Editar HTML

CTRL + F

Buscas:

]]></b:skin>

Arriba de ]]></b:skin> pones el sidebar de tu preferencia.

Codigos de los sidebar, elige el que te guste!
[Arriba de cada imagen de sidebar está su codigo]

.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;border-bottom: 3px solid #e4e4e4;padding: 4px 4px;color: #c4c2c2;text-align: justify;font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;margin-bottom: -26px;}.sidebar .widget h2{padding: 2px 5px 2px 4px;letter-spacing: .1em;margin-bottom: 4px;font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;text-transform: lowercase;color: #fff;text-shadow: 1px 1px 0 #d8cbd6;border: #ded6dd 1px solid;box-shadow: inset 1px 1px 0 #f7f4f6;background: #e8e1e7;background: -moz-linear-gradient(top,  #e8e1e7 0%, #f4eff3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e1e7), color-stop(100%,#f4eff3));background: -webkit-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);background: -o-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);background: -ms-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);background: linear-gradient(to bottom,  #e8e1e7 0%,#f4eff3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e1e7', endColorstr='#f4eff3',GradientType=0 );}

.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;border-bottom: 3px solid #e4e4e4;padding: 4px 4px;color: #c4c2c2;text-align: justify;font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;margin-bottom: -26px;}.sidebar .widget h2{padding: 2px 5px 2px 4px;letter-spacing: .1em;margin-bottom: 4px;font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;text-transform: lowercase;color: #fff;text-shadow: 1px 1px 0 #bfcdd9;border: #c7d4df 1px solid;box-shadow: inset 1px 1px 0 #f2f5f7;background: #d0dbe4;background: -moz-linear-gradient(top,  #d0dbe4 0%, #e8edf2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dbe4), color-stop(100%,#e8edf2));background: -webkit-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);background: -o-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);background: -ms-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);background: linear-gradient(to bottom,  #d0dbe4 0%,#e8edf2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0dbe4', endColorstr='#e8edf2',GradientType=0 );}

.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;border-bottom: 3px solid #e4e4e4;padding: 4px 4px;color: #c4c2c2;text-align: justify;font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;margin-bottom: -26px;}.sidebar .widget h2{padding: 2px 5px 2px 4px;letter-spacing: .1em;margin-bottom: 4px;font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;text-transform: lowercase;color: #fff;text-shadow: 1px 1px 0 #ffdbe3;border: #ffd6de 1px solid;box-shadow: inset 1px 1px 0 #fff5f7;background: #ffe2e8;background: -moz-linear-gradient(top,  #ffe2e8 0%, #fff2f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2e8), color-stop(100%,#fff2f4));background: -webkit-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);background: -o-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);background: -ms-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);background: linear-gradient(to bottom,  #ffe2e8 0%,#fff2f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2e8', endColorstr='#fff2f4',GradientType=0 );}

.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;border-bottom: 3px solid #e4e4e4;padding: 4px 4px;color: #c4c2c2;text-align: justify;font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;margin-bottom: -26px;}.sidebar .widget h2{padding: 2px 5px 2px 4px;letter-spacing: .1em;margin-bottom: 4px;font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;text-transform: lowercase;color: #fff;text-shadow: 1px 1px 0 #d6e5ac;border: #d6e5ac 1px solid;box-shadow: inset 1px 1px 0 #f9ffe8;background: #e6f1c6;background: -moz-linear-gradient(top,  #e6f1c6 0%, #f3fcd9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f1c6), color-stop(100%,#f3fcd9));background: -webkit-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);background: -o-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);background: -ms-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);background: linear-gradient(to bottom,  #e6f1c6 0%,#f3fcd9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1c6', endColorstr='#f3fcd9',GradientType=0 );}



 ¡Espero les allá gustado los modelos de sidebar!

Si tienen un problema con los códigos, o con algo me dicen.. para poder ayudarles! Si te gusto, comenta y si quieres seguir viendo más de esto sigue el blog! Nos leemos~

Recuerda poner un '}' debajo del código del sidebar.


[x]


2 comentarios:

  1. Gladiuska!
    Tengo un problema urgente. Visita mi blog y verás.
    Los gadgets me han quedado mas pequeños. Que hago?

    ResponderEliminar
    Respuestas
    1. Ya vi tu blog, y quedo ''grande'' la parte del título, te sale así por el tipo de plantilla que tiene tu blog. Te recomiendo usar 'Picture Window' te quedara perfecto, además esos modelos de sidebar son pequeños.
      Saludos! <3

      Eliminar

¡Hey, gracias por leer la entrada!

Para que no tengas ningún problema/duda:

- Deja tu comentario referente a la entrada.
- Para las afiliaciones: ir a su sección (Afiliame/Afiliados)
- Comenta con respeto.
- No SPAM.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta o escríbeme a mi correo para ayudarte.
- Sí tienes algún problema conmigo, ya sea por créditos, derechos de autor o otro, escríbeme a mi correo.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar tu comentario + la URL de tu blog para poder visitarlo.
- (No cuenta como SPAM)

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada, actualizo cada semana o cuando pueda.

Contacto:
gladiuskagg@gmail.com

¡Saludos!

-Glad.