[參考]縮排分論壇和子分論壇

風格問題討論版面排列、樣式、配置,自製風格分享~
享受多樣化的 phpBB 。
回覆文章
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1393
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 83 次
擁有感謝: 945 次
星座:
聯繫:

[參考]縮排分論壇和子分論壇

文章 櫻井綾乃 »

參考:https://www.phpbb.com/community/viewtopic.php?t=2565701
作為phpBB的新手,我只是注意到子論壇和子子論壇沒有縮進,因此對於會員,尤其是新會員來說,確定哪個是主論壇不是很容易,或者有些困難。論壇的分論壇。因此,我請求進行更新,以自動縮排需要縮排的內容。事實上,我實際上認為我使用的主題由於缺乏縮排而存在錯誤,但事實證明沒有錯誤。

例如,對於任何瀏覽網站的人來說,這就是該網站的外觀,當然沒有任何擴充功能。
CATEGORY
-----論壇1
----------分論壇
--------------分分論壇
-----論壇2
-- ---- ----分論壇
---------------分論壇

所以如果能更新的話,會有很大的幫助。
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1393
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 83 次
擁有感謝: 945 次
星座:
聯繫:

Re: [參考]縮排分論壇和子分論壇

文章 櫻井綾乃 »

經過PlanetStyles.net»2020 年 8 月 29 日星期六 下午 2:54

您好,

您可以僅使用前端編輯來實現這一點(在某種程度上)。

開啟:/styles/*/template/forumlist_body.html

查找:

代碼: 選擇全部

<!-- IF .forumrow.subforum and forumrow.S_LIST_SUBFORUMS -->
	<!-- EVENT forumlist_body_subforums_before -->
	<br /><strong>{forumrow.L_SUBFORUM_STR}{L_COLON}</strong>
	<!-- BEGIN subforum -->
	<!-- EVENT forumlist_body_subforum_link_prepend --><a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
	<i class="icon <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSE -->fa-file-o<!-- ENDIF --> fa-fw <!-- IF forumrow.subforum.S_UNREAD --> icon-red<!-- ELSE --> icon-blue<!-- ENDIF --> icon-md" aria-hidden="true"></i>{forumrow.subforum.SUBFORUM_NAME}</a><!-- IF not forumrow.subforum.S_LAST_ROW -->{L_COMMA_SEPARATOR}<!-- ENDIF --><!-- EVENT forumlist_body_subforum_link_append -->
	<!-- END subforum -->
	<!-- EVENT forumlist_body_subforums_after -->
	<!-- ENDIF -->
我們需要新增一個容器。將上面的內容替換為:

代碼: 選擇全部

<!-- IF .forumrow.subforum and forumrow.S_LIST_SUBFORUMS -->
	<!-- EVENT forumlist_body_subforums_before -->
	<span class="subforum_container">
	<br /><strong>{forumrow.L_SUBFORUM_STR}{L_COLON}</strong>
	<!-- BEGIN subforum -->
	<!-- EVENT forumlist_body_subforum_link_prepend --><a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
		<i class="icon <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSE -->fa-file-o<!-- ENDIF --> fa-fw <!-- IF forumrow.subforum.S_UNREAD --> icon-red<!-- ELSE --> icon-blue<!-- ENDIF --> icon-md" aria-hidden="true"></i>{forumrow.subforum.SUBFORUM_NAME}</a><!-- IF not forumrow.subforum.S_LAST_ROW -->{L_COMMA_SEPARATOR}<!-- ENDIF --><!-- EVENT forumlist_body_subforum_link_append -->
	<!-- END subforum -->
		</span>
		<!-- EVENT forumlist_body_subforums_after -->
		<!-- ENDIF -->
然後在overall_footer.html中找到:

代碼: 選擇全部

{$SCRIPTS}
之後,新增:

代碼: 選擇全部

<!-- Indented subforums on forumlist -->
<script>
	if ($(".forabg").length) {

		jQuery.fn.reverse = [].reverse;

		$("a.subforum").reverse().each(function() {
			var subforum_link = $(this).wrap('<span class="subforum_wrapper"/>').parent().html();

			$(this).parents("li.row").after("\
			<li class='row subforum_row'>\
				<dl>\
					<dt>\
						<div class='list-inner'>"+subforum_link+"</div>\
					</dt>\
				</dl>\
			</li>\
			");
		});

		// Cleanup
		$(".subforum_container").hide();

		$(".subforum_row .list-inner").prepend("&angrt;").css({
			'padding-left' : '75px',
			'margin-right' : '0',
		});			

		// Override responsive max-width value on subforums
		$(".subforum_row a").addClass("forumtitle").css({
			'max-width' : '9999px'
		});	

	}
</script>
這將創建:
file001.jpg
您可以透過調整此行來調整左側填滿(縮排):

代碼: 選擇全部

			'padding-left' : '75px',
任何更高級的東西都需要用擴展。
您沒有權限檢視這篇文章所附加的檔案。
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
回覆文章

回到「投機取巧の風格改造篇」