Añadir una línea de separación entre las entradas (posts) y la sidebar (columna)


Si queremos añadir una línea de separación entre las entradas y la sidebar como en el siguiente ejemplo:


deberemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la opción "expandier artilugios"
4) Buscamos #sidebar-wrapper (tecelamos Ctrl + F para buscar más rápido)
5) Justo debajo pegamos:


border-left: 1px solid #000000;



Nos quedaría algo así:




#sidebar-wrapper {
width: 250px;

float: right;

border-left: 1px solid black;




Si queremos modificar el borde tan solo deberemos modificar los siguientes atributos:



1px: hace referencia al grosor del borde. Cuanto más px le pongamos, más acnho será el borde.
solid: indica que será una línea sólida y continua. Podemos cambiarlo por dotted (punteado), dashed (a rayas cortas), groove...
black: hace referencia al color. Podemos cambiarlo por el color que queramos o por su código siempre comenzando por #.

6 comentarios:

  1. hola tengo una duda es que yo quiero poner un publicador de mensajes igual al que utilise para dejar este comentario te agradeseria que me ayudaras ya aprobe con formulario de contacto pero eso tarda en canbio este que usas para que dejen los comentarios ha este blog se publican rapidamente ayudame este es mi correo arriaza123@yahoo.es

    ResponderEliminar
  2. Hola axel. Si utilizas el buscador de arriba a la derecha hubieses encontrado la forma de crear un formulario de contacto. Aquí te dejo cómo hacerlo: http://www.quierocrearunblog.com/2009/07/anadir-un-formulario-de-contacto-tu.html

    De todas formas, creo que lo que me estás preguntando es cómo poner un chat en tu blog. Me lo apunto y en los próximos días creo una entrada para ello.

    Un saludo y gracias por tu visita.

    ResponderEliminar
  3. Hola! tengo dos dudas:
    1) cómo hacer para que el main-wapper quede superpuesto a todo, es decir que la imágen del fondo no se vea atrás de las entradas (porque como son del mismo color de la letra se dificulta para leer)
    2) cómo hacer para que haya un margen entre el borde del main-wapper y la entrada

    Desde ya muchas gracias!

    ResponderEliminar
  4. Hola Bel. Bienvenida al blog. Muchas gracias por tu visita y por tu comentario.

    Te contesto por orden:

    1) No te he entendido muy bien. El main-wrapper son las entradas. He visitado tu blog y me imagino que ya has conseguido arreglarlo. Puesto que tienes puesto background-color:#000000; De esta forma has conseguido poner el fondo de las entradas de color negro. ¿Es esto lo que me pedías?

    2) Para que haya un margen ponr margin-left: 1px; (o margin-right si es a la derecha)

    Saludos

    ResponderEliminar
  5. hola, estuve buscando #sidebar-wrapper { en mi plantilla y no la busco , no tendra otro nombre de casualidad ? o como lo busco ?

    ResponderEliminar
  6. me encuentro con un problema.En mi plantilla no figura la linea #sidebar-wrapper.la plantilla es
    Blogger Template Style
    Name: Simple
    Designer: Josh Peterson
    URL: www.noaesthetic.com
    Como puedo añadir la linea de separación
    gracias

    ResponderEliminar