C??mo dividir el widget de etiquetas en dos columnas Del Blog

  • mayo 9, 2010



Cuando tienes muchas etiquetas y una barra lateral lo suficientemente ancha, siempre tienes la opci??n de dividir el widget de etiquetas en dos o m??s, por una cosa de orden y est??tica.
Hace un tiempo, Cebong mostraba una forma de crear un widget de etiquetas multicolumnas a??adiendo una nueva secci??n en el footer o la sidebar.
En realidad, es mucho m??s simple de lo que parece: no es otra cosa que determinar anchos (%) para las listas de esa secci??n. En otras palabras, puedes hacer lo mismo si ya a??adiste un widget de etiquetas a tu sidebar, pero con un c??digo CSS simplificado a ser a??adido antes de ]]>:


#Label1 ul li{
float: left;
width: 45%;
}

A considerar:

  • El ancho (width) va a depender de cu??ntas columnas quiera incluir, y no siempre es exacto, porque el widget de etiquetas va a heredar el padding de las listas de la sidebar (.sidebar ul li o similar). En este caso, 45% est?? bien para dos columnas; para 3 columnas, quiz?? ande bien con 30 ?? 33%.
  • El selector #Label1, puede variar. Por defecto, el widget de etiquetas (si tienes s??lo uno), debiera serLabel1; pero, si tienes dos, tendr??as un widget de ID Label1, y otro Label2.
  • Puedes dividir cualquier widget de lista (ejemplo, lista de enlaces) de la misma forma, averiguando su ID.

sidebar-blogger

No Comments Found

Deja un comentario