phpBB3 風格檔案列表-作者-心靈補手

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

phpBB3 風格檔案列表-作者-心靈補手

文章 櫻井綾乃 »

轉載自竹貓星球..
http://phpbb-tw.net/phpbb/viewtopic.php?t=52658

綾乃自己也學習用...
------------------------------------------------
phpBB3 風格檔案列表

正如 phpBB2, phpBB3 包含一個頁頂, 身體以及頁底; overall_header.html 和 simple_header.html 控制頁頂, overall_footer.html 和 simple_footer.html 控制頁底, 其餘的部分由其他的樣板檔案 (此文的下頭有解釋) 所定義. 共同的頁面使用 overall_header.html 和 overall_footer.html (例如: index, viewforum, viewtopic,...等), 而彈出頁, 主題瀏覽則使用 simple_header.html 和 simple_footer.html. 現在最吸引人的事是, 頁頂以及頁底被指定在樣板檔案本身之中, 而不是在 PHP 檔案中. 您可以使用任何一個檔案當作您的頁頂, 甚至是指定一個全新的檔案.

釋出的 phpBB3 包含兩種風格--prosilver 和 subsilver2; 而每一種單一的風格有不同的設計與編碼:

subsilver2
許多表格的組合, 就好像在 phpBB2 的 subsilver 風格, 而 CSS 則被用來定義顏色, 背景等.
prosilver完全取決於 CSS 當作它在 DIVs 和 Lists 的設計.

檔案的副檔名已經從 phpBB2 的 TPL 改變為 phpBB3 的 HTML. 這麼做將方便某些人更容易寫加亮語法等.

/styles/ 資料夾中包含一個 style.cfg 檔案和其他 3 個資料夾; style.cfg 包含此風格的資訊 (風格名稱, 作者, 版本,...等), 而資料夾是:

imageset - 包含此風格所使用的圖片, 以及一個 imageset.cfg 檔案定義此風格的圖片.
template - 包含主要的 HTML 檔案, 負責此風格的設計, 頁面, 在哪裡顯示什麼,...等. 而一個 template.cfg 檔案包含樣板資訊.
theme - 包含 CSS 檔案, 定義事物如何被顯示, 顏色, 背景, 連結,...等. 而一個 theme.cfg 檔案包含主題資訊.

在此, 是一個您可以在 /styles/ 目錄中找到的所有檔案之列表 ("prosilver" 或 "subsilver2") 以及每一個檔案具備什麼功能 (按字母排序):
phpBB3 有兩種不同的風格, 我將首先列表兩者相似 (功能) 的部分, 然後我將列表每一個風格中不同的其他部分.

/theme/ 資料夾

stylesheet.css - 此檔負責 CSS 代碼以及風格中所有的分類.
prosilver 比 subsilver2 風格有更多不同的檔案:

bidi.css - 負責 RTL 論壇調整, 像是阿拉伯語和希伯來語.
buttons.css - 負責顯示論壇按鈕 (新主題, 增加回覆,...等).
colours.css - 此檔負責版面顏色, 本文, 背景,...等.
common.css - 共同的樣式, 像是頁頂, 首頁, 頁底,...等.
content.css - 樣式的具體內容和內頁, 像是 viewforum_body.html, viewtopic_body.html,...等.
cp.css - 使用者 CP 樣式, 像是標籤, 私訊頁,...等.
forms.css - 表格樣式, 像是登入盒, 發文頁, 發文區,...等.
large.css - 當使用 'A' 按鈕, 顯示較大的字型.
links.css - 連結樣式, 顏色, 背景, 滑鼠滑過,...等. (顏色由 colours.css 設定, 這裡是用來格式化, 字型大小, 樣式,...等.).
medium.css - 當使用 'A' 按鈕, 顯示適中的字型.
normal.css - 當使用 'A' 按鈕返回開始時, 顯示一般正常的字型.
print.css - 當使用 'Print (列印)' 按鈕, 負責格式化被列印的主題.
tweaks.css - 瀏覽器特殊地調整, 像是 IE.
所有這些檔案被組合在一起, 以 'import' 語法寫入 stylesheet.css 檔案:

代碼: 選擇全部

@import url("filename.css");
這 /theme/ 資料夾包含一個 /images/ 資料夾, 其裡頭包含此風格的圖片, 背景, 圖標,...等.

/template/ 資料夾

attachment.html - 此檔顯示在文章和私訊內的附加檔案.
bbcode.html - BBCode 按鈕說明檔, 包含按鈕以及它們的工作.
confirm_body.html - 確認頁. 出現在確認某項動作的執行時 (例如: 刪除一個主題).
custom_profile_fields.html - 自訂個人資料欄位頁, 出現在編輯個人資料時, 以及當被指定必須填入的註冊頁.
editor.js - 寫入 (編輯) JS 檔案, 使用於當寫入主題, 回覆, 私訊時, 應用 BBCode 按鈕和其他物件.
faq_body.html - 經常被提問的問題頁, 以及 BBCode 說明頁.
forumlist_body.html - 此檔顯示在首頁的分區和版面, 以及子版面.
index_body.html - 此檔顯示首頁的內容.
jumpbox.html - 顯示快速跳頁盒.
login_body.html - 登入頁, 使用於當登入論壇時, 或者確認您的密碼以進入管理員控制台.
login_forum.html - 受密碼保護的版面之登入頁.
mcp_approve.html - 主題和文章的核准頁, 當有主題或文章等待審核時, 這個檔案負責顯示它們.
mcp_ban.html - 禁止頁, 顯示於當版主有權限去禁止會員時.
mcp_footer.html - 版主控制台的頁底, 包含頁數, 主題, 文章,...等.
mcp_forum.html - 在版主控制台的版面管理.
mcp_front.html - 版主控制台的開始頁, 包含最後的行為, 像是最後的 5 個檢舉, 最後的 5 個記錄,...等.
mcp_header.html - 版主控制台的頁頂, 包含標籤, 區塊, 和目前位置的抬頭,...等.
mcp_logs.html - 版主記錄頁, 在此版主可以檢視其他版主和他自己的行為.
mcp_message.html - 此訊息出現在版主執行某一行為之後, 例如: 改變主題型式.
mcp_move.html - 版主移動主題頁, 在此您可以選擇移動您的主題到哪裡, 以及確認此移動.
mcp_notes_front.html - 會員備忘錄開始頁, 您可以從這裡選擇會員, 以及關於他的備忘錄將會出現.
mcp_notes_user.html - 會員備忘錄出現頁, 在此您可以閱讀會員備忘錄, 以及寫下您自己關於他們的備忘錄.
mcp_post.html - 在 MCP 之管理文章的頁面, 顯示選項供版主鎖定文章, 改變作者,...等.
mcp_queue.html - 此頁顯示等待版主審核的主題和文章.
mcp_reports.html - 此頁顯示在 MCP 之檢舉.
mcp_topic.html - 在 MCP 之管理文章的頁面, 在此您可以編輯, 鎖定, 改變為置頂,...等.
mcp_viewlogs.html - 此頁顯示詳盡的主題記錄.
mcp_warn_front.html - 警告開始頁, 在此您可以看見被警告最多的會員, 最後 5 個警告, 以及選擇會員加以警告.
mcp_warn_list.html - 此頁顯示所有被警告的會員之列表.
mcp_warn_post.html - 因為特別的文章警告會員的頁面, 當您在文章中, 點選警告時而顯示.
mcp_warn_user.html - 警告會員的頁面, 當您從警告開始頁搜尋會員時, 或者在他的個人資料中, 點選警告時而顯示.
mcp_whois.html - 當您點選 Whois, 此頁會顯示 IP 資訊.
memberlist_body.html - 會員列表頁, 在頁頂點選 '會員列表' 將看見此頁.
memberlist_email.html - 傳送電子郵件頁, 在會員個人資料點選 'E-mail 會員名稱', 或者 email 主題時, 會看見此頁 (在 ACP 中的 'E-mail 設定' 必須啟用 '允許討論區發送 e-mail').
memberlist_im.html - 傳送即時訊息的彈出頁, 在會員的個人資料中, 點選即時訊息時, 會看見此頁.
memberlist_leaders.html - 管理員與版主列表頁, 點選在頁底的 '管理團隊' 時, 會看見此頁.
memberlist_search.html - 搜尋會員頁面, 在會員列表中, 點選 '搜尋會員' 時, 會看見此頁.
memberlist_view.html - 此頁顯示會員的個人資料, 點選會員名稱時, 會看見此頁.
message_body.html - 一般訊息, 當您從事某項行為時會顯示, 例如: 當您發表新的主題時, 會收到訊息說 '這篇文章已經發表成功' 等. 這是由此頁負責的.
overall_footer.html - 論壇的頁底, 使用於主要的頁面, 像是首頁, 版面, 搜尋,...等. 以及包含版權, 翻譯資訊,...等.
overall_header.html - 論壇的頁頂, 使用於主要的頁面, 以及包含 logo, 連結,...等.
posting_attach_body.html - 附加檔案的區塊, 顯示在發文的頁面.
posting_body.html - 發文的頁面, 使用於寫主題, 文章, 私訊,...等.
posting_buttons.html - 當發表主題, 文章, 私訊,...等時, 此頁負責顯示 BBCode 按鈕.
posting_poll_body.html - 當發表主題時, 此頁顯示 '建立票選活動' 區塊.
posting_preview.html - 當發表主題, 文章, 私訊時, 點選 '預覽', 這頁將出現.
posting_review.html - 此頁出現在當您正在回覆文章時, 它將告訴您已經有的回覆, 以及方便您去改變您的回覆.
posting_smilies.html - 表情符號頁, 出現在發表主題, 文章, 私訊,...等時.
posting_topic_review.html - 主題瀏覽頁, 出現在當回覆某個主題時, 去瀏覽整個討論串內容.
search_body.html - 搜尋開始頁, 在頁頂點選 '搜尋' 時, 會看見此頁.
search_results.html - 搜尋結果頁, 關於任何項目的搜尋, 此頁將會顯示.
simple_footer.html - 彈出頁, 主題瀏覽頁,...等的頁底.
simple_header.html - 彈出頁, 主題瀏覽頁,...等的頁頂.
template.cfg - 此檔包含樣板資訊, 在論壇中使用於定義樣板.
ucp_agreement.html - 註冊同意頁, 在頁頂點選 '註冊' 時, 會看見此頁.
ucp_attachments.html - 顯示會員在論壇之所有附加檔案的頁面, 在 UCP 點選 '管理附加檔案' 時, 會看見此頁.
ucp_footer.html - UCP 的頁底.
ucp_groups_manage.html - 管理群組的頁面, 如果您是某一個群組的會員, 那麼此頁負責去管理它.
ucp_groups_membership.html - 會員群組的頁面, 點選 '會員群組' 時, 會看見此頁.
ucp_header.html - UCP 的頁頂, 包含區塊, 連結,...等.
ucp_main_bookmarks.html - 我的最愛頁面, 顯示我的最愛, 以及允許您去管理它們, 點選 '管理我的最愛' 時, 會看見此頁.
ucp_main_drafts.html - 管理草稿頁, 在 UCP 點選 '管理草稿' 時, 可以找到草稿.
ucp_main_front.html - UCP 開始頁, 在頁頂點選 '會員控制台' 時, 會看見此頁.
ucp_main_subscribed.html - 此頁顯示您的訂閱, 在此您可以檢視和管理您訂閱, 在 UCP 點選 '管理訂閱' 時, 會看見此頁.
ucp_pm_history.html - 私訊歷史, 當回覆私訊時, 顯示您和該會員來往的私訊歷史.
ucp_pm_message_footer.html - 私訊的頁底, 當檢視私訊時顯示.
ucp_pm_message_header.html - 私訊的頁頂, 當檢視私訊時顯示.
ucp_pm_options.html - 私訊的設定, 在 '私人訊息' 中點選 '規則、資料夾 & 設定' 時, 會看見此頁.
ucp_pm_popup.html - 新的私訊之彈出式視窗, 出現在當您有新的私訊, 而您在 '偏好設定' 中有啟用 '當有新的私人訊息時跳出小視窗通知' 時.
ucp_pm_viewfolder.html - 檢視資料夾之頁面, 以顯示在資料夾中的私訊, 例如: 收件夾, 寄件夾, 寄件備份,...等.
ucp_pm_viewmessage.html - 檢視私訊頁, 點選私訊閱讀時, 會看見此頁.
ucp_pm_viewmessage_print.html - 此頁使用於列印私訊時, 當閱讀私訊而點選列印之圖示時, 會看見此頁.
ucp_prefs_personal.html - 全域設定頁, 在 UCP 點選 '偏好設定' 然後再點選 '編輯全域設定' 時, 會看見此頁.
ucp_prefs_post.html - 發表預設設定頁, 在 UCP 點選 '偏好設定' 然後再點選 '編輯發表之預設設定' 時, 會看見此頁.
ucp_prefs_view.html - 顯示設定頁, 在 UCP 點選 '偏好設定' 然後再點選 '編輯顯示之相關選項' 時, 會看見此頁.
ucp_profile_avatar.html - 頭像設定頁, 在 UCP 點選 '個人資料' 然後再點選 '編輯頭像' 時, 會看見此頁.
ucp_profile_profile_info.html - 個人資訊頁, 在 UCP 點選 '個人資料' 然後再點選 '編輯個人資料' 時, 會看見此頁.
ucp_profile_reg_details.html - 帳號設定頁, e-mail, 密碼,...等. 在 UCP 點選 '個人資料' 然後再點選 '編輯帳號設定' 時, 會看見此頁.
ucp_profile_signature.html - 簽名檔設定頁, 在 UCP 點選 '個人資料' 然後再點選 '編輯簽名檔' 時, 會看見此頁.
ucp_register.html - 註冊新的會員頁, 在頁頂點選 '註冊' 時, 會看見此頁.
ucp_remind.html - 密碼提醒頁, 在登入頁中點選 '我忘記了自己的密碼 ' 時, 會看見此頁.
ucp_resend.html - 重寄啟動序號頁, 如果您未收到啟動信件, 那麼點選 '重寄啟用 e-mail' 時, 會看見此頁.
ucp_zebra_foes.html - 黑名單管理頁, 顯示您的黑名單以及允許您增加, 管理他們, 在 UCP 點選 '好友 & 黑名單' 然後再點選 '管理黑名單' 時, 會看見此頁.
ucp_zebra_friends.html - 好友管理頁, 顯示您的好友以及允許您增加, 管理他們, 在 UCP 點選 '好友 & 黑名單' 然後再點選 '管理好友' 時, 會看見此頁.
viewforum_body.html - 顯示版面之頁面, 在首頁點選版面名稱時, 會看見此頁.
viewonline_body.html - 此頁顯示目前誰在線上, 在首頁點選 '誰在線上' 時, 會看見此頁.
viewonline_whois.html - 當於誰在線上頁面點選 'Whois' 時, 此頁會顯示 IP 資訊.
viewtopic_body.html - 此頁顯示主題和文章, 點選主題名稱時, 會看見此頁.
viewtopic_print.html - 列印主題預覽頁, 當在檢視主題, 而點選在頁頂的列印之圖示時, 會看見此頁.
每一種風格都有些不同於其他風格的檔案:

prosilver

drafts.html - 儲存草稿頁, 當發文而點選 '儲存' 時, 會看見此頁.
forum_fn.js - 版面功能 JavaScript 檔, 控制彈出式視窗, 跳頁,...等.
posting_editor.html - prosilver 風格之主要的發文頁面.
posting_layout.html - 發文頁, 控制編輯器, 表情符號, 增加投票, 附加檔案,...等.
posting_pm_layout.html - 寫私訊之主要的頁面, 有些像 posting_layout.html, 但是是針對私訊部分.
這表示 'posting_body.html' 本身沒有什麼作用, 只是分成多個檔案顯示, 然後這些檔案再納入此檔.
styleswitcher.js - 這 JavaScript 檔案包含使用者 cookies, '改變字形' 功能, 活化樣式設定,...等.
ucp_avatar_options.html - 會員的頭像設定. 這個檔案有些像是發文頁, 'ucp_profile_avatar.html' 也包含此檔去顯示頭像設定.
subsilver2

breadcrumbs.html - 此頁顯示導覽路徑, 以及時間設定.
mcp_jumpbox.html - 版主控制台的跳頁盒 (這個檔案已不再使用).
memberlist_group.html - 此頁顯示群組資訊, 點選群組的名稱時, 會看見此頁.
pagination.html - 此檔顯示版面, 主題,...等, 有超過一頁以上時的頁數.
posting_progress_bar.html - 正在上傳頁, 當上傳附加檔案時, 會出現一個彈出式視窗, 顯示上傳的進度, 這個檔案就是顯示它.
searchbox.html - 版面, 主題,...等的搜尋盒.

關於檔案被納入的方法, 可以很容易地使用 'INCLUDE' 功能, 像是這樣:


代碼: 選擇全部

<!-- INCLUDE filename.ext -->
我以為這些已經足夠了.

--
資料來源:
http://www.phpbb.com/kb/article/phpbb3- ... iles-list/
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
頭像
櫻井綾乃
.※.稜鏡之森の守護使者.※.
.※.稜鏡之森の守護使者.※.
文章: 1331
註冊時間: 週二 2006-03-07 09:08
個人狀態: 論壇爆走中...
性別: 醜醜的大美女
來自: 雲上天國
表達感謝: 68 次
擁有感謝: 837 次
星座:
聯繫:

Re: phpBB3 風格檔案列表-作者-心靈補手

文章 櫻井綾乃 »

P.S.
此文旨在補充說明: 風格中, 關於 /imageset/ 資料夾的內容.

/imageset/ 資料夾

如前文說明: 包含此風格所使用的圖片, 以及一個 imageset.cfg 檔案定義此風格的圖片.
另外, 預設也包含一個 /en/ 資料夾.

此 /en/ 資料夾, 包含一個 imageset.cfg 檔案, 以及所有的按鈕圖示, 例如: 發表主題, 回覆文章, 發表私訊, 回覆私訊, 編輯, 引言,...等.
如果您的論壇有安裝其他的語系 (例如: 正體中文, /zh_cmn_hant/) 的話, 那麼在此也必須有包含該語系的按鈕圖示; 同樣的, 這些按鈕圖示也必須存放在與該語系 (例如: 正體中文, /zh_cmn_hant/) 相同名稱的資料夾底下.
如此一來, 您所使用的風格在使用該語系 (例如: 正體中文, /zh_cmn_hant/) 時, 才可以正常顯示您論壇所有的按鈕圖示.

當然, 如同樣板檔案一樣, 每一種風格都有些不同於其他風格的 (圖片) 檔案.
在此, 不便詳述. 敬請見諒!
如果.....
也許.....
這些都是事後的想法
如果會想著當初怎麼做也許會有什麼結果
不如在當初就做出正確的決定.....
有些事不去嚐試是不會真的體會他的奧妙的~
回覆文章

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