Modelos para sidebar 2

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

 ¡Heello que tal!?
bueno.. [hoy les traigo unos modelos de sidebar]
son iguales pero de diferentes colores! están muy muy lindas!
Espero la usen, a mi me encanta los sidebar :v

Para esto vamos a plantilla>editar html:
*perdonen la mala calidad*

 Ahora damos en ctrl + f y busca lo siguiente:
]]></b:skin>
Arriba de ]]></b:skin> pones el sidebar de tu preferencia.
Recurda: el codigo que te dare tiene que quedar abajo de un } y arriba de ]]></b:skin> igual tiene que quedar un }

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 alla gustado los modelos de sidebar!
Si tienen un problema con los codigos, 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~


[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!

- Sí vas a dejar un comentario que sea referente a la entrada.
- Comenta con respeto.
- No spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta, para poder ayudarte.

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

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

Recuerda dejar la URL de tu blog para poder visitarlo.

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada.

Contacto:

(para cualquiera cosa idk)

gladiuskagg@gmail.com
-Glad.