Cómo dividir las 3 categorías en columnas separadas en una página de Mapa Web

  • Autor Autor Usuario eliminado 17275
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 17275

Buenas betas,

Estoy creando el Mapa web de mi blog y me gustaria darle un poco mas de alegria...

Enlace eliminado

Para ir empezando, me gustaria que en vez de estar en una sola columna las 3 categorias, estuviesen en tres:

Para entendernos quiero que este asi:

Páginas | Categorías | Archivo Mensual


Como hago eso ?, de que manera tengo que modificar el html ?

Este es el código que he utilizado:

Insertar CODE, HTML o PHP: 
<?php
/*
Template Name: Mapa Web
*/
?>
<?php get_header(); ?>
<h2>P&aacute;ginas</h2>
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
<h2>Categor&iacute;as</h2>
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
<h2>Archivo Mensual</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<?php get_footer(); ?>

Muchas gracias
 
Yo pondria cada columna que quiero crear dentro de un div, tal cual asi:

HTML: 
<?php
/*
Template Name: Mapa Web
*/
?>
<?php get_header(); ?>
<div class="paginas">
<h2>P&aacute;ginas</h2>
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
<div class="categorias">
<h2>Categor&iacute;as</h2>
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
</div>
<div class="archivos">
<h2>Archivo Mensual</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
<?php get_footer(); ?>

Despues en la hoja de estilos daria un float a cada div y sus respectivos margin para que quedasen bien, por ejemplo:

HTML: 
.paginas {float:left;margin: 0 0 0 10px;}
.categorias {float:left;margin: 0 0 0 10px;}
.archivos {float:left;margin: 0 0 0 10px;}

Logicamente el tema de los estilos lo debes depurar un poco mas para que quede justo como tu quieres pero asi deberias presentar tres columnas.
 
Perfecto. Ahora que esta en tres columnas como queria, tengo que hacer como tu dices. Lo veo un poco soso jajaja, tengo que investigar como hacer para darle vida al mapa web
 
Bueno, dime como te gustaria presentarlo y veremos que podemos hacer, ahora se trata solo de ir dando los estilos deseados a las tres clases que acabamos de crear.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba