12.9.16

[Tutorial] Modelos de Sidebar. [2]



¡Hola kookies! ¿Cómo están? espero qué sé encuentren súper Oh vanilla, chocolate, honey, with a cherry on top. Necesito una falda de esas alv ;u; son tan ajsagsa :,v me compraré una ya que el 24 tengo una fiesta temática de "Cartas de pocket" necesito ir vestida de blanco, negro y rojo pos alv <3 Hace unos cuanto días conocí a un chica ARMY por internet y ayer nos vimos en persona <3 fue hermoso ajashj Bueno continuemos con el tutorial.

bien 

En el instante en el que te volví a encontrar mi mente trajo a mi aquel hermoso lugar.

Creditos: The Moon reverse.

Modelo N°1 

.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 );
}
Modelo n°2 

.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 );}
Modelo n°3
 .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 );
}

Espero qué les haya gustado, bai<3
créditos a TMR

2 comentarios:

  1. Que lindo tu blog!
    Nos afiliamos?
    Busco amigos ;c
    http://marydss.blogspot.com/

    ResponderEliminar

¡Gracias por leer la entrada!♡
━ Comenta con respeto ♡
━ No Spam♡
━ Respeta al Administrador y a los usuarios.♡

━ ♡ Símbolos :
♡ ❀ ღ ❀ » ♛ « ✰ ➤ ♪ ✉ ✔ ✖ ♂ ◥ ▶ ☆ ❣ ❂ ℂ


━ ♡Sí tienes alguna duda envíame un correo :
Bethzaliecontre13492@gmail.com

━ ♡Sí te gusto el contenido del blog, no olvides seguirlo.

Att: ━ ada♔ 「admi」