Todo sobre los bordes y líneas en tu blog de blogger


Si quieres modificar los bordes de tu blog de blogger debes tener en cuenta todos estos conceptos sobre ellos:

En la plantilla HTML nos los encontramos con esta estructura:


border: grosorpx estilo color;




El grosor se refiere a px. Cuantos más px tenga, más ancha será la línea o borde.




En cuanto a estilos nos podemos encontrar los siguientes:







En cuanto a colores, podemos optar por llamarlos en inglés: black, white, red... o buscarlos de forma más precisa por códigos de colores, por ejemplo en colorhunter.com
Ten en cuenta que si optas por un color escrito en código debe comenzar por #





Si ponemos únicamente border: el borde será completo (habrá línea arriba, abajo, derecha e izquierda), mientras que si queremos que sólo estén presentes a los lados y/o arriba y/o abajo debemos tener en cuenta que:
Borde arriba: border-top
Borde abajo: border-bottom
Borde a la izquierda: border-left
Borde a la derecha: border-right

13 comentarios:

  1. Como puedo hacer para eliminar los bordes??

    ResponderEliminar
  2. Hola Carles, ¿los bordes de dónde? ¿de las fotos? ¿de una columna?

    Te lo explico por encima. Sea cual sea el borde que quieres eliminar, basta con quitar el 1px (o el valor que haya) por 0px.

    Un saludo amigo.

    ResponderEliminar
  3. Excelente Man este post era justo lo que necesitaba, mi blog esta lleno de full bordes pero ahora que vi tu tutorial lo hice en 0px y listo .. Gracias .... Saludos y Exitos man .. !!

    ResponderEliminar
  4. Gracias Levizito. Me alegro que te haya servido mi blog. Un saludo, espero volverte a ver por aquí.

    ResponderEliminar
  5. hola!! yo preguntaba... ¿cómo puedo hacer para agregar un borde a cada elemento de la side-bar? como tienes tú en este blog.

    ResponderEliminar
  6. Hola Rukia. Busca en tu blog #sidebar-wrapper (o algo así) y añádele el siguiente texto debajo:

    border: 1px solid black;

    Espero te sirva, saludos.

    ResponderEliminar
  7. Buenos días. ¿Cómo hago para separar un poco los bordes del texto? Pasa que quedan muy pegados y se ve un poco mal.

    De antemano muchas gracias. Excelente blog.

    ResponderEliminar
  8. Hola Daniel. Bienvenido. Agrega debajo de la línea de border esto:

    padding: 2px;

    Cambia el valor a tu gusto.

    ResponderEliminar
  9. saludos, quiero hacer una pregunta.
    Cuánto es lo máximo que se puede agrandar el widht del blog?? yo lo tengo en 900px, pero veo que el tuyo es mas ancho. Cuál sería el óptimo entonces como máximo para agrandarlo?????

    ResponderEliminar
  10. Llevo poco tiempo en esto y veo cosas que me gustan y cuando busco información no se si es la correcta o no el caso es que no se hacer, te pongo una imagen que vale mas que 1000 palabras: http://www.shoptimista.com/ este blog tiene en la columna de la derecha (sidebar puede ser???) pues tiene lo que es BLOGS/ETIQUETAS/ARCHIVO lo tiene de color rosa y formando un dibujo con puntitos no es que quiera hacer lo mismo pero he visto otros blog con otros dibujos mariposas y dentro la palabra en color,etc.... me gustaria saber como puedo hacer eso. Gracias de antamano y no se si me he expresado bien pero bueno creo que viendo el ejemplo tu lo entenderas perfectamente.

    ResponderEliminar
  11. Hola!
    Estoy desesperada porque no consigo lo que quiero.
    ¿Cómo hago para eliminar los márgenes de la iazquierda, tal y como están en este blog:
    www.lovelypepablog.com
    Gracias

    ResponderEliminar
  12. Muy buena la pagina solo que tengo 3 problemas:
    1-¿Como relleno adentro de los bordes con un color?
    2-Me queda una linea al final de cada post no se como sacarlo.
    3-Los bordes los hice gruesos y quiero colocarle esquinas redondeadas¿que hago?
    Desde ya muchas gracias por ayudarme.

    ResponderEliminar
  13. Necesito quitar los bordes de donde dice "Pagina Principal" abajo y el del pie de pagina... ¿Cómo hago?... Gracias

    ResponderEliminar