Primero recordemos algunos conceptos que ya vimos sobre la estructura de un blog.
#outer-wrapper es lo que envuelve a todo nuestro blog
#main-wrapper es donde escribimos nuestros artículos o entradas
#sidebar-wrapper es la columna en donde insertamos los gadgets.
#header-wrapper es la cabecera de nuestro blog
#footer-wrapper es el pie de página de nuestro blog
Repasados los conceptos, para poner bordes en el blog debemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la parte a la que le queremos añadir bordes (outer-wrapper, main-wrapper ...). Recuerda que para agilizar la búsqueda podemos teclear las teclas Ctrl + F.
4) Situados en la parte que queramos modificar por ejemplo main-wrapper (donde escribirmos las entradas) veremos que nos encontramos con algo así:
Pues deberemos añadirle otra línea con esto: border: 1px solid black; quedando así:
Si queremos modificar los valores de la línea debemos saber que:
5) Damos a vista previa y si nos gusta guardamos la plantilla.
#outer-wrapper es lo que envuelve a todo nuestro blog
#main-wrapper es donde escribimos nuestros artículos o entradas
#sidebar-wrapper es la columna en donde insertamos los gadgets.
#header-wrapper es la cabecera de nuestro blog
#footer-wrapper es el pie de página de nuestro blog
Repasados los conceptos, para poner bordes en el blog debemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la parte a la que le queremos añadir bordes (outer-wrapper, main-wrapper ...). Recuerda que para agilizar la búsqueda podemos teclear las teclas Ctrl + F.
4) Situados en la parte que queramos modificar por ejemplo main-wrapper (donde escribirmos las entradas) veremos que nos encontramos con algo así:
Pues deberemos añadirle otra línea con esto: border: 1px solid black; quedando así:
Si queremos modificar los valores de la línea debemos saber que:
border hace referenica al brode que queremos poner. Si quisiéramos poner sólo una línea a la derecha (right) deberíamos poner border-right, al igual que haríamos si quisiéramos a la izquierda (left), bottom (abajo) y arriba (top).
1px hace referencia al grosor de la línea. Cuanto más valor le demos, más gorda será la línea.
solid hace referencia al tipo de línea. En este caso será una línea sólida. Podemos cambiarla por dotted y será con puntos en lugar de una línea recta.
black hace refencia al color de la línea, podemos cambiarla por otro color como grey (gris) o el que nos guste más. También podemos cambiarlo por un color en código como por ejemplo #152435.
Recuerda que debe acabar siempre con ;
5) Damos a vista previa y si nos gusta guardamos la plantilla.
0 Comentarios:
Publicar un comentario
Si No Tienes Cuenta en Ninguna de estas Plataformas,
Puedes Comentar Como Anónimo.
O tambien puedes poner tu Nombre/URL
Si publicas un comentario con mal vocabulario sera eliminado por el dueño del Blog.