延伸 Prosilver 的導航棒

與 phpBB 3.0.x 相關主題。
回覆文章
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8621
註冊時間: 2004-04-30 01:54
來自: Taiwan

延伸 Prosilver 的導航棒

文章 心靈捕手 » 2009-08-04 11:04

如何延伸 prosilver 的導航棒

資訊
很多時候是否感覺有需要增加一些自訂的連結到導航選單中, 但是沒有餘力? :)
這篇文章將說明如何去增加一個簡單的延伸導航棒到您的 "prosilver" 風格.
它同時也適用 "prosilver_se" 風格.

需要編輯的檔案
  • overall_header.html
  • common.css
改變樣板 (Template)
-- 開啟 --
styles/prosilver/template/overall_header.html

-- 找到 --

代碼: 選擇全部

    <ul class="linklist rightside">
                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                <!-- IF not S_IS_BOT -->
                   <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                   <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                   <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
                <!-- ENDIF -->
             </ul>
-- 之後, 增加 --

代碼: 選擇全部

    <ul class="linklist navlinks2">
       <li><a href="yourlink">Test1</a> &bull; </li>
       <li><a href="yourlink">Test2</a> &bull; </li>
       <li><a href="yourlink">Test3</a></li>
    </ul>
要增加您連結, 所有需要做的改變有:
  • yourlink: 寫入絕對或相對路徑
  • TestX: 寫入連結目的地的名稱
改變主題 (Theme)
-- 開啟 --
styles/prosilver/theme/common.css

-- 找到 --

代碼: 選擇全部

    ul.navlinks {
       padding-bottom: 1px;
       margin-bottom: 1px;
       border-bottom: 1px solid #FFFFFF;
       font-weight: bold;
    }
-- 之後, 增加 --

代碼: 選擇全部

    ul.navlinks2 {
       /*  font-weight: bold; */
       margin-top: 30px;
       padding-top: 2px;
       padding-bottom: 1px;
       margin-bottom: 1px;
       border-top: 1px solid #FFFFFF;
       text-align: center;
    }

    ul.navlinks2 li {
       display: inline;
       float: none;
       margin-left: -4px;
    }
如果您要連結顯示粗體, 那麼只要移除上頭編輯中的 /* */ 標籤.

完成
記得重新整理您的樣板以及主題檔案.
如下:
  • ACP >> 風格 >> 樣板 >> Prosilver >> 重新整理
  • ACP >> 風格 >> 主題 >> Prosilver >> 重新整理
結果
圖檔

享受您寬闊的連結! :D

--
資料來源:
http://www.phpbb.com/kb/article/extendi ... ation-bar/
施比受有福,歡迎來信賜教,謝謝 & 再見!
祝福您 好運 ^_^
歡迎加入★★心靈捕手★★ :: 討論區!!
http://wang5555.hopto.org/phpBB3/
p.s. 奉老婆之命:在晚上十一點前,得關機睡覺!!!

回覆文章

回到「3.0」