2 de noviembre de 2009

Eliminar líneas de puntos entre los elementos del blog

Si en el diseño de vuestro blog, la línea de puntos que separa cada gadget en la sidebar os molesta solo hay que localizar el siguiente código en Diseño, Edición de HTML, y cambiar los píxeles a cero:

.sidebar .widget, .main .widget {
  border-bottom:0px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}

Pero si por el contrario necesitas resaltarla puedes poner un número mayor, o cambiar el texto dotted por solid para que resulte una línea continua.

Esto mismo servirá para la separación entre las entradas.  Localizar el siguiente código y darle el estilo que queráis.

.post {
  margin:.5em 0 1.5em;
  border-bottom:3px solid $bordercolor;
  padding-bottom:1.5em;
  }

Resumiendo, en estas líneas de estilo se pueden intercambiar las siguientes posibilidades:

1px: hace referencia al grosor del borde. Cuanto más px le pongamos, más ancho 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 #.

Si alguno de los elementos no estuviera en la plantilla se puede poner.

Hasta aquí se explica como hacerlo en las plantillas antiguas, ahora con el Diseñador de plantillas de Blogger hay que buscar en ‘Avanzado’ y en la opción ‘Acentos’ seleccionar transparente en ‘Color de la línea del separador’ y en ‘Color del contorno de las etiquetas’ )

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...