Cómo mostrar categorías en dos columnas en mi tema de WordPress

Nebel · 2009-08-31T15:33:46-0500

Pues ahora vengo a pedir ayuda... En esta ocasión aquí en el tema de WP

Quería cambiar el theme de mi blog pero mejor decidí modificar el actual theme. en fin, voy al grano, quisiera saber como se puede ordenar los archivos/categorías/blogroll en dos columnas, un ejemplo de un "X" theme:

Enlace eliminado

Actualmente uso el theme Plainscape

Saludos y espero y me entiendan xD

Kevin Heurtebise · 2009-08-31T15:44:35-0500

A ver si alguien sabe... yo tambien quiero hacer lo mismo.. =/

cuisi · 2009-08-31T16:19:24-0500

Saludos amigos, miren yo e utilizado este codigo un par de veces espero les sirva

Crear listas en múltiples columnas con CSS

y el demo

Untitled Document

Esteban · 2009-08-31T16:22:48-0500

Hola Nebel, tras que tú me habías pedido eso verdad? disculpame por no publicarlo antes, igual saco un post en Kernel pronto pero de mientras te digo:

Pega esto sustituyendo los estilos correspondientes, o sea los mismos (#sidebar ul, #sidebar ul li, etc.)

HTML:

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
        overflow: hidden;
	}

#sidebar ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 20px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 20px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 5px 0;
	padding: 2px;
        float: left;
        width: 45%;
	}

voy de pasada por el foro así que me dices si te quedo bien y si no con gusto te ayudo luego.

Nebel · 2009-08-31T16:37:22-0500

Gracias a los dos

... Ya me funciono esteban, ahora solo falta darles un poco de estilo, gracias

UPDATE: Si no es mucho pedir esteban, como puedo hacer... por ejemplo que el tamaño de la palabra Categorías se mas chico?

Saludos

Esteban · 2009-08-31T20:57:35-0500

Sustituye tu estilo para la header tag H2 de tu Sidebar en tu CSS:

Insertar CODE, HTML o PHP:

#sidebar h2 {
	padding-bottom: 4px;
	background:url('images/border_h.png') repeat-x bottom;
	font-family: 'Lucida Grande', Sans-Serif;
	font-size: 1.2em;
	}

Y allí ya le vas ajustando el font-size hasta que quede como quieres.

Saludos, Nebel

Nebel · 1 Sep 2009

Muchas gracias Esteban

... Ya voy aprendiendo más de CSS, un poco claro, pero algo es algo

Saludos y de nuevo gracias

mati · 26 Oct 2012

Justo lo que estaba buscando. Gracias por el aporte