tutoriais category image
Categorias em Duas Colunas
Tuesday 10/11/2009 às 12:54 | Arquivado em: ,

Mostra as Categorias em duas colunas como no exemplo.

01. Abra o arquivo sidebar.php ou outro arquivo conde você queira mostrar as categorias e adicione:

<?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="catleft">
<?php echo $cat_left;?>
</ul>
<ul class="catright">
<?php echo $cat_right;?>
</ul>

02. Adicione ao seu CSS:

.catright {float:left; width:130px;}
.catleft {float:left; width:130px;}

Altere a largura de acordo com seu layout.

Tutorial original: Blogohblog traduzido e modificado.

Posts Relacionados




1 Comentário em “Categorias em Duas Colunas”


Mê Fornazari 05-08-2010 | 14:45 Responder

não consegui, ele fica torto, tipo o da direita fica em cima e o da esquerda fica em baixo, não consigo colocar do lado e ja mudei o widht varias vezes!
o que pode ser?


Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1