<ul><?php
$variable = wp_list_categories('echo=0&show_count=1&title_li=');
$variable = str_replace('(', '<span class="count-num">', $variable);
$variable = str_replace(')', '</span>', $variable);
echo $variable;
?></ul>
Друзья, ХЕЛП! Список категорий в три колоник не как не поддается
Вывожу список вот таким вот хитрым образом:
Но список теперь большой и хочу сделать его в три колонки.
Все делают в две, да и у меня все логически получается, а вот в три - даже не могу в голове представить.
Вот пример списка в две колонки:
после
Но учтите пример для стандартного вывода, а как же мне всунуть мой вариант.
Код:
Но список теперь большой и хочу сделать его в три колонки.
Все делают в две, да и у меня все логически получается, а вот в три - даже не могу в голове представить.
Вот пример списка в две колонки:
Код:
<?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) {
$catLeft = $catLeft.'<li>'.$cats[$i].'</li>';
} elseif ($i >= $cat_n / 2) {
$catRight = $catRight.'<li>'.$cats[$i].'</li>';
}
}
?>
$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) {
$catLeft = $catLeft.'<li>'.$cats[$i].'</li>';
} elseif ($i >= $cat_n / 2) {
$catRight = $catRight.'<li>'.$cats[$i].'</li>';
}
}
?>
после
Код:
<div class="cats">
<ul class="catLeft">
<?php echo $catLeft;?>
</ul>
<ul class="catRight">
<?php echo $catRight;?>
</ul>
</div>
<ul class="catLeft">
<?php echo $catLeft;?>
</ul>
<ul class="catRight">
<?php echo $catRight;?>
</ul>
</div>
Но учтите пример для стандартного вывода, а как же мне всунуть мой вариант.
дык
стиль для catMiddle придумать самому) ну или оставить там любой
з.ы. по хорошему должны быть варнинги при первом проходе, так как catLeft/catRight/catMiddle не определены.. добавить $catMiddle=''; при необходимости
Код:
if ($i < $cat_n / 3) {
$catLeft = $catLeft.'<li>'.$cats[$i].'</li>';
} elseif ($i < 2*$cat_n / 3) {
$catMiddle = $catMiddle.'<li>'.$cats[$i].'</li>';
} elseif ($i >= 2*$cat_n / 3) {
$catRight = $catRight.'<li>'.$cats[$i].'</li>';
}
$catLeft = $catLeft.'<li>'.$cats[$i].'</li>';
} elseif ($i < 2*$cat_n / 3) {
$catMiddle = $catMiddle.'<li>'.$cats[$i].'</li>';
} elseif ($i >= 2*$cat_n / 3) {
$catRight = $catRight.'<li>'.$cats[$i].'</li>';
}
Код:
<div class="cats">
<ul class="catLeft">
<?php echo $catLeft;?>
</ul>
<ul class="catMiddle">
<?php echo $catMiddle;?>
</ul>
<ul class="catRight">
<?php echo $catRight;?>
</ul>
</div>
<ul class="catLeft">
<?php echo $catLeft;?>
</ul>
<ul class="catMiddle">
<?php echo $catMiddle;?>
</ul>
<ul class="catRight">
<?php echo $catRight;?>
</ul>
</div>
стиль для catMiddle придумать самому) ну или оставить там любой
з.ы. по хорошему должны быть варнинги при первом проходе, так как catLeft/catRight/catMiddle не определены.. добавить $catMiddle=''; при необходимости
Код:
ul {
width: 90px;
}
li {
width: 30px;
float: left;
}
width: 90px;
}
li {
width: 30px;
float: left;
}
а список один.
идея думаю понятна?
Еще есть такая штука: http://www.w3.org/TR/css3-multicol/
за код ребята спс, но есть одно но....
Как всунуть сюда:
свое условие:
етим условием я выкусываю дужки и вставляю свой стан для красивого оформления.
Как всунуть сюда:
Код:
$cats = explode("<br />", wp_list_categories('title_li=&echo=0&depth=1&style=none'));
свое условие:
Код:
$variable = wp_list_categories('echo=0&show_count=1&title_li=');
$variable = str_replace('(', '<span class="count-num">', $variable);
$variable = str_replace(')', '</span>', $variable);
echo $variable;
$variable = str_replace('(', '<span class="count-num">', $variable);
$variable = str_replace(')', '</span>', $variable);
echo $variable;
етим условием я выкусываю дужки и вставляю свой стан для красивого оформления.