Enmarcar el blog

Hoy vamos a enmarcar los espacios de nuestro blog en la plantilla Minima y lo haremos añadiendo una sencilla línea en los CSS de la plantilla.

Podremos añadir grosor: border ?px;

Podremos variar el color: #000000;

Podremos enmarcar la sección que nos interese, partiendo de las siguientes partes en que se divide nuestro blog:

#main-wrapper{ es el espacio donde van las entradas o post.

#sidebar-wrapper{ es la columna lateral de nuestro blog.

.post-footer{ es el pie del blog.

#outer-wrapper{ enmarca todo el blog.

#header-wrapper{ enmarca la cabecera del blog.

Teniendo todos los espacios ubicados solo tenemos que ir a nuestra plantilla y seleccionar Edición de HTML, una vez allí en cada sección que nos interese añadiremos una línea con el siguiente código:

border: dotted #000000; 4px
Recuerda que puedes variar el color #??????; y tambien el grosor ?px, es cuestión de probar el que mas nos guste.

Solo nos queda poner el diseño que mas nos guste:
border: dotted #000000; 4px; (puntos)
border: dashed #000000; 4px; (guiones)
border: solid #000000; 4px (línea)
border: double #000000; 4px (doble línea)
Etc., segun tabla estilos.

Una vez tenemos los espacios enmarcados si queremos poner un color de fondo, tendremos que añadir el siguiente código:

background-color: #??????;
Ponerlo a continuación del código anterior, en todas las secciones de la plantilla que nos interese.

Espero os sea de utilidad,

Related Posts with Thumbnails