Subfora w dwóch kolumnach

[Eurycide]

Poniższa modyfikacja pozwoli ułożyć subfora na stronie głównej forum w dwóch kolumnach tak jak na poniższym screenie:

Poziom trudności: łatwy

Wymaga czasu: 5 minut

Testowane na (wersja skryptu forum): IPB 3.0.1

Testowane na (przeglądarka): FF 3.5.x, IE 8.0.x

Przejdź do: ACP / Wygląd (Zarządzanie skinami) i wybierz skin

Z listy szablonów wybierz: Strona główna / boardIndexTemplate

Odszukaj:

<ol class='subforums'>
											<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
												<if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><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>

Zamień na:

<ol class='subforums1'>
                                                                                               <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
                                                                                               </ol>
                                                                                               <ol class='subforums'>

                                                                                                       <if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><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>

Przejdź do: zakładki CSS

Z listy stylów wybierz: ipb_styles.css

Istniejącą klasę table.ipb_table ol.subforums opisz jako:

	table.ipb_table ol.subforums {
	margin-top: 3px;
               float: left; 
               width: 50%;
}

Dopisz nową klasę:

	table.ipb_table ol.subforums1 { 
               width: 50%;          
}

TIP: margin-top: 3px - pozwala regulować odstępy pomiędzy subforami w pionie.

Autorem tutoriala jest społeczność forum . Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.forum.invisionize.pl

[Ktos]

DawPi z zrobieniem tych subfor jest jednak trochę więcej roboty. Wieczorkiem postaram się zamieścić co, jak i gdzie pozmieniać żeby miało to ręce i nogi.

[DawPi]

Ktoś: nie rozumiem? Tzn. jak więcej roboty aniżeli napisane w tym temacie?

[Ktos]

Tak proszę bardo poniżej zamieszczam:

Look & Feel > Zarządzaj skinami i szablonami > Zarządzaj szablonami nazwa skórki > boardIndexTemplate

Znajdź:

<ol class='subforums'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
<if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><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>

Zamień na:

<ol class='subforums1'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='subforums'>
<if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><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>

Zapisz

Look & Feel > Zarządzaj skinami i szablonami > Zarządzaj szablonami nazwa skórki > forumIndexTemplate

Znajdź:

<ol class='subforums'>
<foreach loop="sub_subforums:$forum_data['subforums'] as $__id => $__data">
<li><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>

Zamień na:

<ol class='subforums1'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='subforums'>
<if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><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>

Zapisz

Look & Feel > Zarządzaj skinami i szablonami > Zarządzaj szablonami nazwa skórki > CSS > ipb_styles.css

Znajdź:

    table.ipb_table ol.subforums {
       padding-top: 6px;
       margin-top: 5px;
   }

       table.ipb_table ol.subforums li {
           background: transparent url({style_images_url}/bullet_black.png) no-repeat 3px 4px;
           color: #000;
           font-size: 0.85em;
           padding: 0 4px 0 15px;            
           float: left;
       }

       table.ipb_table ol.subforums li.newposts {
           background: transparent url({style_images_url}/bullet_green.png) no-repeat 0px 0px;
           color: #000;
           font-size: 0.85em;
           padding: 0 4px 0 16px;            
           float: left;
       }

Zamień na:

                .subforums { 
               float:left; 
               width:50%;

}

       .subforums1 { 
               width:50%;          

}

   table.ipb_table ol.subforums  {
                       margin-top:5px;
               width:50%;
               float: left;

}

       table.ipb_table ol.subforums li {
           background: transparent url({style_images_url}/bullet_black.png) no-repeat 3px 4px;
           color: #495457;
           font-size: 0.85em;
           padding: 0 4px 0 15px;            
           float: left;
       }

       table.ipb_table ol.subforums li.newposts {
           background: transparent url({style_images_url}/bullet_green.png) no-repeat 0px 0px;
           color: #495457;
           font-size: 0.85em;
           padding: 0 4px 0 16px;            
           float: left;
       }

Zapisz

Look & Feel > Zarządzaj skinami i szablonami > Zarządzaj szablonami nazwa skórki > CSS > ipb_ie.css

Dodaj:

.subforums { 
      margin-top:16px;

}

.subforums1 { 
     margin-top:-16px;          

}

Zapisz.

I na tym koniec.

Egekt dokładnie taki jak tu na skórce ize-pl.

Sprawdzone na trzech skórkach.

Pozdrawiam

[Gość lukasz1989]

eurycide, zrobilem wszystko jak napisales i subfora byly krzywo. (tylko zmarnowalem czas:angry:) polecam ktosia tutek!

[Suchjy]

Ja tam zrobiłem jak Eurycide i działa

[Shoxu]

A ja w ogole sobie nie moge z tym poradzic, a jesli chodzi o ipb_styles.css to ja mam tam pusto kompletnie, nie mam nic do zmiany poprostu kompletna pustka.

Wyglada to u mnie tak:

Edytowane 13 Marca 2010 przez Shoxu

[Amfidiusz]

Gdybyś miał puste ipb_styles.css, to forum by się wyświetlało kompletnie niesformatowane :bounce:

[Shoxu]

ipb_styles.css jest naprawde puste :bounce:

Screen:

[Amfidiusz]

Przywróć i Ctrl+F5.

Jesteś pewien, że edytujesz poprawny skin?

[Shoxu]

Nie wiem dlaczego ale w ogole nie moge teraz wejsc np. w "globalTemplate" w ogole mi nie dzialaja te tak jakby podteksty, w Szablonach jak i w CSS, klikam w byle co i nic sie nie dzieje ;/ Da sie to jakos naprawic, przepraszam za oftop, ale nie sprawdze tego co Amfidiusz napisal bo nie mam jak.

Edytowane 13 Marca 2010 przez Shoxu

[DawPi]

Ja nadal problemu nie rozumiem. Z tymi subforami - co Ty chcesz zrobić? :bounce:

Problem z CSS proszę w nowym wątku poruszyć.

[Shoxu]

Chodzi mi o to, ze chce miec te subfora w dwoch kolumnach ale jak robie wszystko wedlug tutoriali obecnych w tym temacie, to subfora robia sie krzywo pokazalem na screenie wyzej. I chodzi o to, ze w ipb_styles.css gdzie trzeba cos zmienic aby subfora w dwoch kolumnach dzialaly poprawnie, ja mam pustke, nie mam tam tego co jest potrzebne, po prostu nie mam tam nic.

[DawPi]

Otwórz nowy temat dla tego problemu z brakiem CSSa. Tak będzie najlepiej! Najpierw rozwiążemy jego, a potem ten.

[Duke]

odswierze temat, co zrobic aby nie wyswietlalo w 2 ale w 3 kolumnach ?

[Duke]

nieaktualne

przy slabej znajomosci php lecz sporego wysilku umyslowego udalo mi sie to samemu zrobic

[DawPi]

Tak to już jest - jak trwoga to do boga, a jak coś od siebie dać to nie ma kto - w sensie, że jeśli możesz to napisz co zrobiłeś i jak - może ktoś kiedyś skorzysta.

[DawPi]

Coś mi ani pierwszy ani drugi tutorial nie działa na domyślnym skinie - czy jakiś skiniarz/grafik mógłby napisać poprawną instrukcję?

[Duke]

wlasnie wyprobowalem tutek z 1 posta na domyslnym skinie IP.Board i dziala bez zarzutow

Edytowane 16 Kwietnia 2010 przez Duke

[DawPi]

Hm, ciekawe.. Ok, będę próbować.

[Amfidiusz]

Właśnie zrobiłem (korzystając z pierwszego postu) na 3.1.1 - działa wyśmienicie

[DawPi]

Fajnie, dzięki za cynk, że to jednak działa.

[RozgSzeFka]

A ja zrobiłem według 2 tutków i żaden mi nie działa. Powiedzcie mi teraz jak to cofnąć ^^

@ Z przywracaniem sobie już poradziłem. Może wiecie czemu miałem takie rozmieszczone jak koledzy wyżej ? Co źle robię ? W IPB "bawię" się dopiero 2-gi dzień więc nieogarniam

Edytowane 20 Października 2010 przez RozgSzeFka

[Amfidiusz]

Widocznie popełniłeś jakiś błąd przy edycji stylu. Korzystałem z tego poradnika na 3.1.1 i na 3.1.2, na kilku różnych skinach, i zawsze osiągałem zamierzony efekt. W sumie jeśli Ci zależy, to mogę Ci to ustawić - i tak nie mam planów na ten poranek

[DawPi]

Niedawno robiłem dla klienta, który za 'cholerę' nie mógł tego zrobić, a robił podobnie, jak Ty - kilka razy. Jakie było moje zdziwienie, że zrobiłem raz wg tejże instrukcji i ... działało.