Ads 468x60px

domingo, 18 de marzo de 2012

Como Poner Bordes al Blog

Primero recordemos algunos conceptos que ya vimos sobre la estructura de un blog.


estructura de un blog bordes
#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.

Translate Blog

 

Sample Text





















AVISO
Hola "Bienvenidos" gracias por visitarnos aqui podras encontrar variedad en trucos para tu blog...