Subfora w trzech kolumnach

[DawPi]

Witam,

poniżej zaktualizowany prezentuję poradnik dotyczący ustawienia subforów w trzech kolumnach w widoku strony głównej i danego forum.

Przejdź do:

ACP Wygląd Wygląd Skiny i szablony (wybierz skin) Zarządzaj szablonami i CSS-em Szablony Strona główna :a: boardIndexTemplate

Znajdź:

												   	 <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><if test="isNotLast:|: empty($__data[4] )">,</if>
															</li>
														</foreach>
													</ol>
												</if>

												<p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>   

Zamień na:

											   	 <p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>	
													<ol class='subforums1'>
													  <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
													</ol>

													<ol class='subforums2'>																										
													  <if test="showSubForumsLit:|:$__data[3]">
													</foreach>
													</ol>


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

													<ol class='subforums'>
													  <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>	
												</if>

Przejdź do:

ACP Wygląd Wygląd Skiny i szablony (wybierz skin) Zarządzaj szablonami i CSS-em Szablony Widok forum :a: forumIndexTemplate

Znajdź:

								   	 <if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
											<br />
											<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>
										</if>

										<p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>

Zamień na:

								   	 <p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>	
										<if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
											<br />												
											<ol class='subforums1'>
											  <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
											</ol>

											<ol class='subforums2'>																										
											  <if test="showSubForumsLit:|:$__data[3]">
											</foreach>
											</ol>


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

											<ol class='subforums'>
											  <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>												
										</if>

Przejdź do:

ACP Wygląd Wygląd Skiny i szablony (wybierz skin) Zarządzaj szablonami i CSS-em CSS :a: ipb_styles.css

Znajdź:

table.ipb_table .subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url({ style_images_url}/subforum_stem.png ) no-repeat left 4px;
}

Zamień na:

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

table.ipb_table .subforums1 {				
width: 33%;				  
}

table.ipb_table .subforums2 {				
width: 33%;				  
}			

Gotowe!

Autorem tutoriala jest DawPi. Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.forum.invisionize.pl

[Gość Smerf]

Problem tkwi w tym, że po tej operacji w działach, w których nie ma subforów nie ma opisów

[DawPi]

Problem w tym, że pewnie zrobiłeś coś źle, bo nawet patrząc na zamienne kody musi być wszystko w porządku. O ile dobrze wykonasz polecenia.

[Gość Smerf]

W takim razie spróbuję jeszcze raz.

[Gość XQS]

A na subfora w dwoch kolumnach bedzie ktos tak mily i poda kod?

Edytowane 19 Września 2011 przez XQS

[Gość naXe]

A na subfora w dwoch kolumnach bedzie ktos tak mily i poda kod?

w ipb_styles.css zamiast tego kodu:

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

table.ipb_table .subforums1 {                           
       width: 33%;                               
}

table.ipb_table .subforums2 {                           
       width: 33%;                               
}

Daj:

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

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

table.ipb_table .subforums2 {						  
	width: 50%;							  
}

Edytowane 1 Października 2011 przez naXe

[LuKaszeKo]

Mam identyczny problem co Smerf, a jestem praktycznie pewien, że wszystko zostało wykonane poprawnie.

W czym może tkwić błąd?

[Akiro]

Pewnie wsadziłeś

                                                                                        <p class='desc __forum_desc ipsType_small'>{$forum_data['description']}</p>

do jakiegoś ifa

Edytowane 22 Października 2011 przez Akiro

[LuKaszeKo]

Dziękuje Ci dobry człowieku

[Reprezentant]

Wszystko wyszło ok. Także przy dobrze wykonanej zmianie wszystkich kodów, wyświetlanie for działa poprawnie.

Dzięki DawPi.

[NuLLeD]

A ja mam teraz tak ze mi sie kazdy text pod działem powtarza x2

[DawPi]

Po prostu nie wykonałeś kroków z instrukcji dokładnie. Miast podmieniać to pewnie dodałeś pod/nad/obok.

[Gość enemy]

Witam.

Mam problem z utworzeniem subfor w porządku tak zwanego "drzewka" albo inaczej mówiąc 2 kolumnach.

Korzystałem z modyfikacji w szablonie stworzonej przez użytkownika DawPi, lecz po tym zabiegu wszystko się rozjeżdza.

Jak temu zaradzić ? Dodam że wszystko było dobrze robione, sprawdzane, modyfikacja była robiona na szablonie Splat! a nawet domyślnym IPB.

Pozdrawiam.

[DawPi]

A jaki jest sens zakładać nowy temat, jak mamy już istniejący? Przenoszę.

Odnośnie problemu - co byś chciał usłyszeć oprócz tego, by sprawdzić 3 razy kod, który na pewno jest OK.

[Gość enemy]

Robiłem to już kilkakrotnie czyt. 5 razy i ciągle jest ten sam efekt,

Korzystam z tego tutka http://forum.invisionize.pl/topic/27190-subfora-w-trzech-kolumnach/

I po tym zabiegu mam wszystko w jednej kolumnie.

aha i ten kod różni się znacznie od tego w moim szablonie

table.ipb_table .subforums {

margin: 2px 0 3px 5px;

padding-left: 20px;

background: url({ style_images_url}/subforum_stem.png ) no-repeat left 4px;

}

a mój;

table.ipb_table .subforums {

margin: 7px 0 3px 0px;

overflow: hidden;

[DawPi]

Daj adres forum.

[Gość enemy]

Robię to na localhost, testuje skrypt przed zakupem licencji.

[DawPi]

No to jak mamy Ci pomóc?

[dudeka]

Zrobiłem według tutka. Wyszło tak , nie wiem czy dobrze gdyż teraz subfora są pod opisem, normalnie są one nad i nie są to 3 kolumny

http://cs-soplica.com/

Edytowane 29 Listopada 2011 przez dudeka

[DawPi]

No wg mnie jakoś to wygląda? Co Ci się nie podoba?

[dudeka]

Musiałem usunąc ciasteczka i masz w 3 kolumnach, jednak aby to ładnie wyglądało trzeba schować boczne panele. Co zrobić zeby było tak jak na tym ss ? Tak jest czytelniej

Edytowane 29 Listopada 2011 przez dudeka

[DawPi]

Ja tam nie widzę trzech kolumn, a jedną.. A poradnik traktuje i 3.

[dudeka]

Ja właśnie ciasteczka usunąłem zrobiły nam się 3 kolumny tak jak na przemo, nie wiem czemu, a szczerze to w jednej kolumnie jest ładniej. Można to zmienić w css ?

Edit

Znalazłem rozwiązanie

Znaleźć to :

table.ipb_table .subforums {
	margin: 2px 0 3px 5px;
	padding-left: 20px;
	background: url({ style_images_url}/subforum_stem.png ) no-repeat left 4px;
}

Zamienić na to

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

Teraz wiem, że gdy sam spróbuję to to zapamiętam

Edytowane 29 Listopada 2011 przez dudeka

[verixon]

Robiłem wszystko zgodnie z instrukcją i jajo nie widać opisu działu...

[Amfidiusz]

Widać zrobiłeś coś źle