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 😉

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

Nebel

Kevin Heurtebise

cuisi

Esteban

Nebel

Esteban

Nebel

mati

Temas similares