Tutorial:Poner bordes en entradas y gadgets ♥

Hola,hoy les traigo otro tutorial para decorar tus gadgets o entradas,que se vea mas bonito ,me lo pidieron,nose si se referia a eso,pero de todos modos hago el tutorial:

MODELOS DE BORDES PARA GADGETS

Elijan el modelo que les guste y asen el siguiente paso

 Ir a Plantilla/Edicion Html/Buscar con Ctrl +F .sidebar .widget { y debajo colocas el codigo del modelo que te gusto.

Para las personitas que no encuentran este codigo,lo agregan con los siguientes pasos

Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>

(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

.sidebar .widget {
Aqui el codigo de tu modelo
}

MODELO 1 

codigo:

border: 4px solid #FDB4C1;/* Borde en todo*/

 MODELO 2

codigo:

border-right: 4px solid #FDB4C1;/*Borde en el lado derecho */
border-left: 4px solid #FDB4C1;/* Borde en el lado izquierdo*/

MODELO 3

 

Codigo:

border-bottom: 4px solid  #FDB4C1;/* Borde inferior*/
border-top: 4px solid  #FDB4C1;/* Borde superior*/

MODELO 4

Codigo

border-right: 4px solid #BEB4FD;/* Borde derecho */
border-left: 4px solid #BEB4FD;/* Borde izquierdo*/
border-bottom: 4px dashed #DBB4FD;/* Borde inferior*/
border-top: 4px dashed #DBB4FD;/* Borde superior*/

4: Tamaño del borde,aumenta el numero si quieres mas grueso o disminuye si lo quieres mas delgado

solid:Puedes cambiarlo a "dashed" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes

BEB4FD:Color del borde,puedes cambiar el color,remplasando por el color que quieras en esta pagina clic aqui(Elijes tu color y el codigo que te de,lo remplazas)

PARA PONER EN LAS ENTRADAS BORDES

Los modelos para las entradas son iguales y los codigo,y si pongo los modelos de nuevo,se va aser larga la entrada  ,asi que  solo les dire donde tienen que poner el codigo de tu modelo para que sea en las entradas 

Elijan el modelo que les guste y asen el siguiente paso

 Ir a Plantilla/Edicion Html/Buscar con Ctrl +F .post-outer { y debajo colocas el codigo del modelo que te gusto.

Para las personitas que no encuentran este codigo,lo agregan con los siguientes pasos

Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>

.post-outer {
Aqui el codigo de tu modelo
}

Bueno eso es todo,espero que hayan entendido  ,cualquier duda avisenme