Antes de aplicar algún cambio

Asegúrate de que tu plantilla es como ésta ya que las definiciones no son las mismas en todas.
Puedes verlo en Diseño/Edición de HTML , como te muestro aquí. El modelo es lo que pone junto a Name.




Si no fuera ésta, mira en este blog.
En la sidebar de la derecha hay una lista de todas las plantillas que he modificado.

El nombre del blog es el de la plantilla.

sábado, 23 de mayo de 2009

Enmarcar las entradas y/o los elementos de la sidebar

Hace algún tiempo alguien me consultó acerca de éste tema.

Para enmarcar sólo las entradas, busca el código que empieza con .post{ y allí, antes de la llave } de cierre has de añadir esta línea:

border: 2px solid $bordercolor;

cambiando el 2 por el grueso de línea que desees y el solid por el estilo de borde que quieras.
Aquí puedes ver los distintos estilos de borde que existen y como se llama cada uno.

Luego busca esto .sidebar .widget, .main .widget { y debajo de la llave } de cierre añades ésto:

.main .Blog {
border-bottom-width: 0;
}

para eliminar la línea de puntos que separa las entradas.

Si lo que quieres es enmarcar los elementos de la columna lateral, primero has de separar este código:

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

en dos partes (añadiendo la línea que remarco en rojo para que enmarque los elementos) dejándolo así:

.sidebar .widget {
border:5px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Cambiando el 5 por el grueso que desees de línea y el dotted por el nombre del estilo de línea que prefieras.