Перейти к содержанию

Подкатекории


Рекомендуемые сообщения

Подскажите пожалуйста как сделать такой вид подкатегорий:

13416946333629.jpg

А не такой:

2.jpg

Заранее спасибо!

Ссылка на комментарий
Поделиться на другие сайты

Doogle, много всего нужного, но именно это не нашел...

Ссылка на комментарий
Поделиться на другие сайты

В ipb_styles.css добавить:


table.ipb_table ol.subforums1 {
margin-top: 3px;
float: left;
width: 33%;
}
table.ipb_table ol.subforums1 li{
background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: left;
}
table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
table.ipb_table ol.subforums2 {
width: 33%;
overflow: hidden;
}
table.ipb_table ol.subforums2 li {
background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: center;
}
table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
table.ipb_table ol.subforums3 {
width: 33%;
overflow: hidden;
}
table.ipb_table ol.subforums3 li {
background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
padding: 0 15px 0 15px;
margin: 0;
float: right;
}
table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
Далее редактируем шаблон Список форумов --> boardIndexTemplate, найти:

<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>
<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a>
</li>
</foreach>
</ol>
[/code] Заменить этот код на:
[code]
<ol class='ipsList_inline ipsType_small subforums2' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='ipsList_inline ipsType_small subforums3' id='subforums_{$forum_data['id']}'>
<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>
</foreach>
</ol>
<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='ipsList_inline ipsType_small subforums1' id='subforums_{$forum_data['id']}'>
<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>
<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a></li>
</foreach>
</ol>
[/code]
Далее ищем:
[code]
<td class='col_c_stats ipsType_small'>
<ul>
<li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
<li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
</ul>
</td>
[/code]
Закомментировать этот участок или заменить на:
[CODE]
<!-- <td class='col_c_stats ipsType_small'>
<ul>
<li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
<li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
</ul>
</td> -->
[/code]

После этого загружаем прикреплённые ниже изображения в папку с изображениями стиля:

[b]Подфорумы в три столбика/колонки[/b]

Ссылка на комментарий
Поделиться на другие сайты

  • 3 месяца спустя...

Спасибо, помогло и сделал 3 колонки, но вот и три колонки меня не устраивают. Требуется сделать 2 колонки подфорумов. Заранее спасибо.

Ссылка на комментарий
Поделиться на другие сайты

mylipetsk, в стилях выше сделай везде ширину 50%, вместо width: 33%; 

Ссылка на комментарий
Поделиться на другие сайты

Представляю что будет у юзеров с мелким разрешение монитора, лучше отображение подкатегорий отключать сразу :)

Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...