sábado, 3 de abril de 2010

Listas de sidebar en una plantilla con dos barras laterales

 Para establecer los valores de las propiedades de estilo de las listas de sidebar en una plantilla de Blogger a la que hemos añadido una nueva columna lateral, lo primero que hay que hacer es buscar las líneas de código donde están los encabezados .sidebar ul y .sidebar li (/* Sidebar Content */) y renombrarlos como .right-sidebar ul y .right-sidebar li; también hay que añadir .left-sidebar ul y .left-sidebar li.

 El código que ha de regir las propiedades de las listas no ordenadas de las barras laterales quedaría de una forma similar al del siguiente ejemplo:
.left-sidebar ul {
  display: list-item;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
  text-align: left;
}

.right-sidebar ul {
  display: list-item;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
}
.left-sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0.25em;
  padding-$startSide: 10px;
  text-indent: -10px;
  line-height: 1.5em;
}

.right-sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0.25em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}

No hay comentarios: