延伸 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 >> 重新整理

結果

享受您寬闊的連結!

--
資料來源:
http://www.phpbb.com/kb/article/extendi ... ation-bar/