Tutorial aranjare subsorum-uri pe 3 coloane

[+SnowHD]

Partea I

Pentru inceput mergi aici :

AdminCP > Look & Feel > (choose skin) > ipb_styles.css

Adauga la sfarsit :

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('/forum/public/style_images/marble/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('/forum/public/style_images/marble/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('/forum/public/style_images/marble/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('/forum/public/style_images/marble/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('/forum/public/style_images/marble/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('/forum/public/style_images/marble/subforum_new.png'); }

In codul de mai sus trebuie sa editezi link-urile catre imaginile "subforum_new.png" si "subforum_nonew.png".
Trebuie editat directorul forumului (daca este altul decat "/forum") si directorul cu imaginile temei (in loc de "marble" scrie numele directorului cu imaginile temei tale) !
Daca imaginile "subforum_new.png" si "subforum_nonew.png" au alt nume trebuie editate si ele !

Partea II

Mergi aici :

AdminCP > Look & Feel > (choose skin) > Board Index > boardIndexTemplate

Cauta urmatoarea linie (CTRL + F)

<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>

Si inlocuieste cu :

<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>

Daca vrei sa faci aceeasi chestie si in Forum View, mergi la :

AdminCP > Look & Feel > (choose skin) > Forum View > forumIndexTemplate

Si faci exact acelasi lucru ca la boardIndexTemplate

[Courage]

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('/forum/public/style_images/marble/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('/forum/public/style_images/marble/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('/forum/public/style_images/marble/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('/forum/public/style_images/marble/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('/forum/public/style_images/marble/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('/forum/public/style_images/marble/subforum_new.png'); }

In codul de mai sus trebuie sa editezi link-urile catre imaginile "subforum_new.png" si "subforum_nonew.png".
Trebuie editat directorul forumului (daca este altul decat "/forum") si directorul cu imaginile temei (in loc de "marble" scrie numele directorului cu imaginile temei tale) !
Daca imaginile "subforum_new.png" si "subforum_nonew.png" au alt nume trebuie editate si ele !

Oamenii deştepţi nu se mai chinuie să editeze acel cod css (marble / alte chestii) şi pun direct asta:

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: left;}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: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

 

[+SnowHD]

Oamenii deştepţi nu se mai chinuie să editeze acel cod css (marble / alte chestii) şi pun direct asta:

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: left;}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: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }

Poti sa editezi postu si sa inlocuiesti codu ala

Edited July 2, 2015 by SnowHD

[Courage]

Nu mai am buton edit de când s-a făcut upgrade la ips4.

[+SnowHD]

Nu mai am buton edit de când s-a făcut upgrade la ips4.

Pff, scuze, nu stiam, ca nu am testat inca ips4

[+JuNNNNkie]

Daca faci tutorialul sa il faci cum trebuie nu induce oamenii in eroare!!

 

Cand cautati asta aveti grija sa inlocuiti pana unde se sfarseste </ol> si va merge sigur!

<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>