[DiscuzX]Style

[NINJA]

1. 刪除 右上角的搜尋框
   修改 template/default/common/header.htm
   找到
   程式碼:

   <!--{if $_G['setting']['search']}-->
.........................
<!--{/if}-->
   整段刪掉
   
   
2. 論壇首頁刪掉 最近聯繫人
   修改 template/default/forum/discuz.htm
   找到
   程式碼:

   {subtemplate common/userabout}
   刪掉
   
   
3. 刪掉首頁邊欄但顯示友情連結
   修改 template/default/forum/discuz.htm
   找到
   程式碼:

   <div id="ct" class="wp cl{if !$_G['setting']['forumallowside']} w{/if}">

<div class="mn{if !$_G['setting']['forumallowside']} mw{/if}">
   把判斷條件刪掉
   找到
   程式碼:

   <div id="sd" class="sd pph">
   把div開頭跟結尾註解掉,才能讓邊欄放大
   
   把 今日 | 昨日 | 會員 搬到上面
   找到
   程式碼:

               <div class="tns">
                <table cellpadding="4" cellspacing="0" border="0">
                    <tr>
                        <th><p>$todayposts</p>{lang today_posts}</th>
                        <th><p>$posts</p>{lang index_posts}</th>
                        <td><p>$_G['cache']['userstats']['totalmembers']</p>{lang index_members}</td>
                    </tr>
                </table>
            </div>
   剪下,找到
   
   程式碼:

   <button type="button" class="pn pnc z vm" onclick="showWindow('nav', 'forum.php?mod=misc&action=nav&special=0')" style="margin: -6px 10px 0 0;"><strong>{lang send_posts}</strong></button>
   在下面一行貼上,並改成
   
   程式碼:

                   <table class="y" cellpadding="0" cellspacing="0" border="0">
                    <tr><td>{lang today_posts}:$todayposts &nbsp;</td><td>{lang index_posts}:$posts &nbsp;</td><td>{lang index_members}:$_G['cache']['userstats']['totalmembers']</td></tr>
                </table>
   
   
4. 版塊分類顏色 template/default/common/modules.css
   找到3處 fl_hd.png
   
   程式碼:

           .fl .h { overflow: hidden; height: 28px; line-height: 28px; background: url({IMGDIR}/fl_hd.png) repeat-x 0 0; }
            .fl .h, .fl .h a { color: {LIGHTLINK}; }
        .fl .d { float: right; padding-right: 10px; width: 350px; text-align: right; }
        .fl .o { float: left; background: url({IMGDIR}/fl_hd.png) no-repeat 0 -40px; cursor: pointer; }
        .fl h2 { background: url({IMGDIR}/fl_hd.png) no-repeat 100% -80px; }
   改成 background: {COMMONBG}; 主要是 .fl h2
   
   
5. 版塊名背景顏色 template/default/common/modules.css
   找到 fl_ft_r.png
   
   程式碼:

   .fl .c { padding: 0 10px 10px; background: url({IMGDIR}/fl_ft_r.png) no-repeat 100% 100%; }
   改成 {WRAPBG}
   
   
6. 分類的收放箭頭改到右側 template/default/common/modules.css
   
   程式碼:

   .fl .o { float: left; background: url({IMGDIR}/fl_hd.png) no-repeat 0 -40px; cursor: pointer; }
   left 改成 right ,有分區版主時,會錯位,分區版主名的位置要調整
   
   
7. 分類的左側距離 template/default/common/modules.css
   
   程式碼:

   .fl h2 { background: url({IMGDIR}/fl_hd.png) no-repeat 100% -80px; }
   加上 padding-left:10px;
   
   
8. 邊欄分隔線背景圖/主體表格邊框顏色
   
   程式碼:

   #ct { border: 1px solid {WRAPBORDERCOLOR}; background: {WRAPBG} url({IMGDIR}/vline.png) repeat-y 644px 0; }
   改成自己想要的
   
   
9. 主體表格寬度 template/default/common/common.css
   
   程式碼:

   .wp { margin: 0 auto; width: 970px; } #wp .wp { width: auto; }
   970px 改成 97%
   
   
10. 編輯器選項背景圖/編輯器/編輯器選項寬度 template/default/common/common.css
    
    程式碼:

            .n { background-image: url({IMGDIR}/vlineb.png) !important; background-position: 789px 0 !important; }
            .n .mn { width: 789px; }
            .n .sd { width: 178px; }
    .n 編輯器選項背景圖改成 background:{BGCOLOR}; ,搭配編輯器寬度改成 780px左右
    .n .mn 左側編輯器寬度770px, .n .sd 右側編輯器選項寬度160px, 一邊用%一邊固定px好像也可以
    
    
11. 版主前台管理邊欄 template/default/common/common.css
    
    程式碼:

    .sd .ch label{padding:0 38px 0 12px;}
    padding 改成 0 8px 0 12px 這樣就不會因為間距太大被擠成2行
    
    版主前台管理邊欄登入後會多一個白色的背景圖 template/default/common/common.css
    
    程式碼:

    .tbn li.a { margin: -1px 0 0; padding: 0 10px; border-top: 1px solid #CCC; border-bottom-style: solid; background: #CCC url({IMGDIR}/tbn.png) repeat-x 0 0; }
    background 改成 {BGCOLOR}
    
    
12. 私人訊息+邊欄寬度
    
    程式碼:

            .mn { float: left; width: 644px; margin-bottom: 1em; overflow: hidden; }
        .sd { float: right; width: 323px; overflow: hidden; _overflow-y: visible; }
    13px字體 .mn 左側私人訊息寬度635px .sd右側邊欄310px ,一邊用%一邊固定px好像也可以
    
    
13. Beta版 主題分類連結顏色 template/common/module.css
    
    程式碼:

    .tl th em, .tl th em a { color: #007CD5; }
    改成 {HIGHLIGHTLINK} , 正式版風格沒用到的樣子
    
    
14. Beta 輸入框背景顏色 template/common/common.css
    
    程式碼:

    .px, .pt { padding: 4px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/px.png) repeat-x 0 0; font-size: 14px; color: {MIDTEXT}; }
    正式版未知
    
    
15. Code/Quote 背景顏色 template/common/module.css
    
    程式碼:

    .blockcode { overflow: hidden; margin: 10px 0; padding: 5px 10px; background: #F7F7F7;
    background 改成 {BGCOLOR} 滑鼠移上去時的顏色
    
    程式碼:

    .pl .blockcode { padding: 10px 0 5px 10px; width: 550px; border: 1px solid {WRAPBORDERCOLOR}; background: #F7F7F7 url({IMGDIR}/codebg.gif) repeat-y 0 0; overflow: hidden; }
    width刪掉, solid 改成{INPUTBORDER}, background 改成 {BGCOLOR},{IMGDIR}改成{STYLEIMGDIR}
    
    程式碼:

    .pl .quote { padding-bottom: 5px; background: #F9F9F9 url({IMGDIR}/icon_quote_s.gif) no-repeat 20px 6px; }
    background 改成 {BGCOLOR},另外加個 border: 1px solid {INPUTBORDER}; [引石區塊加白框]
    
    
16. 友情連結加上背景顏色 template/default/common/common.css
    找到
    程式碼:

    .lk p { color: {MIDTEXT}; }
    下面新增一行
    
    程式碼:

    .lk h2 { background:{BGCOLOR}; padding:5px 10px 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; }
17. 頻道顏色(論壇藍,門戶紅..友情連結文字顏色) template/common/common.css
    找到

    /* 每個功能頻道的頁頭色調 */

    論壇 #nv_forum #mu .............#005DC3
    改成 {LINK} (同時影響友情連結)
    
    友情單獨改顏色 template/default/forum/discuz.htm
    找到 bn lk 把 bn 刪掉
    修改 template/default/common/common.css
    找到 .lk img
    上面一行新增 .lk {margin: 0 10px 0 10px;}
    
    
18. 把友情連結搬到會員列表上面 template/default/forum/discuz.htm
    找到
    程式碼:

    <!--{if $_G['cache']['forumlinks'][0] || $_G['cache']['forumlinks'][1] || $_G['cache']['forumlinks'][2]}-->
    整大段的if 搬到 {hook/index_middle} 的上面一行
    
    
19. 線上會員加背景顏色 template/common/module.css
    找到
    程式碼:

    .oll { margin: 0 20px; padding: 0; border-top: 1px dashed {COMMONBORDER}; }
    左側距離 20px 改成 10px
    
    程式碼:

    .oll .o { float: left; margin: 18px 5px 0 0; cursor: pointer; }
    箭頭改為右側 float: left;改成 right ,18px改成5px 箭頭右側距離
    
    程式碼:

    .oll h3 { height: 48px; line-height: 48px; font-size: 14px; font-weight: 400; }
    改成
    程式碼:

    .oll h3 { font-size: 14px; font-weight: 400; background:{BGCOLOR}; padding:5px 5px 5px 10px; border: 1px solid {WRAPBORDERCOLOR}; }
    
    
20. 按鈕變更 template/common/common.css
    找到
    程式碼:

        .pn { margin-right: 3px; padding: 0 20px; height: 30px; border: 1px solid #CFCFCF; -moz-border-radius: 30px; -webkit-border-radius: 30px; z-index: 0; background: url({IMGDIR}/pn.png) no-repeat 50% -41px; color: #666; line-height: 30px; font-size: 14px; vertical-align: middle; cursor: pointer;
        position: relative\9; padding: 0 0 0 20px\9; border: none\9; background: url({IMGDIR}/pn.png) no-repeat 0 0\9; overflow: visible\9;
    }
    改為( cursor: pointer; 滑鼠會出現手掌圖示)
    
    程式碼:

    .pn { margin-right: 10px;  background-image: url({STYLEIMGDIR}/newtopic.gif);width:83px;height:27px;line-height:27px;font-size:12px;font-weight:normal;border:0; cursor: pointer; }
    下面找到(ajax彈出發表回覆/主題)
    
    程式碼:

    .pns .pn { height: 26px; background-image: url({IMGDIR}/pns.png); line-height: 26px; font-size: 12px; }
    27px 把圖改為 {STYLEIMGDIR}/newtopic.gif
    
    下面找到 (提示訊息,例如 未登入,這裡也有粗體)
    
    程式碼:

    .pns .pn * { height: 26px\9; background-image: url({IMGDIR}/pns.png)\9; line-height: 26px\9; }
    27px 把圖改為 {STYLEIMGDIR}/newtopic.gif
    
    找到(登入ajax視窗)
    
    程式碼:

    .pn * { position: relative\9; display: block\9; padding-right: 20px\9; *height: 30px\9; background: url({IMGDIR}/pn.png) no-repeat 100% -40px\9; *line-height: 30px\9; white-space: nowrap\9;  font-weight: 700; text-shadow: 1px 1px 1px #EEE; }
    改成
    程式碼:

    .pn * { position: relative\9; display: block\9; *height: 27px\9; background: url({STYLEIMGDIR}/newtopic.gif) no-repeat 100% -40px\9; *line-height: 27px\9; white-space: nowrap\9;  font-weight: normal;}
    padding-right: 20px\9; 會讓IE7文字偏左,所以要刪掉
    
    
21. 註冊ajax輸入框白色背景 template/default/common/common.css
    找到
    程式碼:

    .lgfm .txt { width: 170px; padding: 2px 4px; height: 16px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; }
    加入 加個 background:{INPUTBG};
    
    
22. nav選單靠右 template/default/common/common.css
    找到 #nv li
    上面一行增加
    程式碼:

    #nv    { position:absolute;right:0px;top:206px; }
    下面兩行找到 #nv li span { margin-top: -2px;
    把 margin-top: -2px; 刪掉,IE7才會正常
    
    
23. 個人選單(登入/訊息..etc)搬到右上角+DIY文字化 template/default/common/header.htm
    修改 template/default/common/header.htm
    找到
    程式碼:

        <div id="um" class="wp">
            <p>
            <!--{if $_G['uid']}-->
    整段div 搬到 {ad/headerbanner/wp a_h} 下面一行
    
    找到
    程式碼:

            <!--{if ($_G[mod]!='topic' && $_G[group][allowdiy] && !empty($_G['style']['tplfile'])) || (!empty($_G['style']['tplfile']) && $_G[mod]=='topic' && (($_G['group']['allowaddtopic'] && $topic[uid]==$_G[uid]) || $_G[group][allowmanagetopic]))}-->
        <a id="diy-tg" href="javascript:openDiy();" title="{lang open_diy}"><img src="{STATICURL}image/diy/panel-toggle.png" alt="DIY" /></a>
        <!--{/if}-->
    搬到個人選單的 </p> 的上一行,並且把URL改成
    
    程式碼:

    <span class="pipe">|</span><a href="javascript:openDiy();" title="{lang open_diy}">DIY</a>
    
    
24. 修改header高度 template/default/common/common.css
    找到
    程式碼:

    #hd .wp { padding: 20px 0 5px; background: url({IMGDIR}/hd_shadow.png) repeat-x 0 100%; }
    padding改成 130px,並刪除 background
    找到
    程式碼:

    .hdc { background: {HEADERBGCOLOR}; }
    註解掉 或刪除 background
    
    
25. 刪除header底部線條 template/default/common/common.css
    找到
    程式碼:

    #mu { min-height: {HEADERBORDER}; _height: {HEADERBORDER}; background: #005DC3 url({IMGDIR}/mu.png) repeat-x 0 0; line-height: {HEADERBORDER}; font-size: {HEADERBORDER}; }
                #mu ul { padding: 0 10px; height: 33px; line-height: 33px; font-size: 12px; overflow: hidden; }
                    #mu li { display: inline; }
                        #mu a { float: left; padding: 0 20px; background: url({IMGDIR}/mu.png) no-repeat 100% -33px; color: #FFF; white-space: nowrap; }
                        #mu a:hover { background-position: 50% -66px; }
    整段 #mu 註解掉
    
    
26. 深色風格下拉選單背景顏色 template/default/common/common.css
    找到
    程式碼:

    body, input, button, select, textarea { font: {FONTSIZE} {FONT}; color: {TABLETEXT}; }
    下面一行新增 select {background:{WRAPBG};}
    
    
27. 主題分類連結顏色 template/default/module.css
    找到
    程式碼:

    .tl th em, .tl th em a { color: #007CD5; }
    
    
28. 登入框文字被擠下去 source/language/member/lang_template.php
    整體字體13PX時需修改,找到 帳　號　： 和 密　碼　：
    改成 帳　號: 密　碼：
    
    
29. 主題列表下一頁按鈕 template/default/common/common.css
    找到
    程式碼:

    .pgs { padding-top: 10px; padding-bottom: 10px; }
    .pg { float: right; }
    .pg, .pgb { line-height: 30px; }
        .pg a, .pg strong, .pgb a { float: left; margin-right: 4px; padding: 0 6px; height: 28px; border: 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border-color: {WRAPBG}; background-color: {WRAPBG}; color: {LINK}; overflow: hidden; text-decoration: none; }
            .pg a:hover, .pgt .pg a.prev, .pg strong { background: {HIGHLIGHTLINK} ; color: {LINK} ; }
            .pg a.nxt, .pg a.nxt:hover { margin: 0; padding: 0; width: 70px; height: 30px; border: 1px solid {HIGHLIGHTLINK} ; background: {WRAPGB}; text-align: center; text-indent: -7px; }
            .pg a.prev { background: {HIGHLIGHTLINK} url({IMGDIR}/pg_bg.png) no-repeat 0 -28px; }
                .pg a.prev:hover, .pgt .pg a.prev { background-position: 0 -56px; }
        .pgb a { background: {WRAPGB} ;  padding: 0; width: 75px; height: 30px; border: 1px solid {HIGHLIGHTLINK} ; text-indent: 7px; text-align: center; }
            .pgb a:hover { background: {WRAPGB}; border: 1px solid {HIGHLIGHTLINK} ; color: {HIGHLIGHTLINK} ; }
    .pgt .pg a, .pgt .pg strong { display: none; }
        .pgt .pg a.nxt, .pgt .pg a.prev { display: block; }
    改成
    程式碼:

    .pgs { padding: 5px 0 1em; line-height: 30px; }
.pg, .pgb { float: right; padding: 2px 0; }
    .pg a, .pg strong, .pgb a { float: left; padding: 0 6px; margin-right: 2px; height: 26px; border: 1px solid; line-height: 26px; overflow: hidden; }
        .pg a, .pgb a { border-color: {COMMONBORDER}; background-color: {WRAPBG}; color: {HIGHLIGHTLINK}; }
        .pg a:hover, .pgb a:hover { text-decoration: none; }
        .pg strong { border-color: {HIGHLIGHTLINK}; background-color: {HIGHLIGHTLINK}; color: #FFF; font-weight: 700; }
            .pg a.prev, .pg a.nxt { background-repeat: no-repeat; }
        .pg a.prev { background-image: url({IMGDIR}/arrow_left.gif); background-position: 30% 50%; padding: 0; width: 22px; overflow: hidden; text-indent: -9999px; }
        .pg a.nxt { padding-right: 16px; background-image: url({IMGDIR}/arrow_right.gif); background-position: 90% 50%; }
    .pgb a { padding-left: 16px; background: {WRAPBG} url({IMGDIR}/arrow_left.gif) no-repeat 0 50%; }
    .pg a:hover, .pgb a, .pg a.nxt { border-color: {HIGHLIGHTLINK}; }
    
    
30. 主題評價文字顏色 template/default/common/module.css
    
    程式碼:

    .uo a { float: left; margin-right: 10px; padding: 34px 0 0; width: 53px; height: 27px; text-align: center; background: url({IMGDIR}/ajaxaction.gif) no-repeat 0 0; }
    加個 color:#000000;
    主題評價指數正分/總分顏色
    
    程式碼:

    #recommendav, #recommendv { margin-top: 13px; height: 16px; line-height: 16px; font-size: 16px; color: {NOTICETEXT}; cursor: pointer; }
    把 {NOTICETEXT} 改成想要的顏色
    主題評價指數負分顏色
    
    程式碼:

    ul#recommendav li#recommendv_subtract { color: {LINK}; }
    {LINK} 改成想要的顏色
    
    
31. 看文章時,跳到主題樓層背景顏色
    
    程式碼:

    #ph .pfl { float: right; margin-left: 20px; padding: 0 4px 0 8px; width: 66px; height: 20px; background: #EEE; font-weight: 400; border: 1px solid {WRAPBORDERCOLOR}; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; }
                    #ph .pfl input { width: 36px; height: 19px; line-height: 19px; background: #EEE; border: none; }
    把 background: #EEE; 改成想要的顏色,第一個是 背景 ,第二個是輸入框
    
    
    
32. 左側個人資料寬度 template/common/module.css
    
    程式碼:

    .pls { width: 160px; background: {SPECIALBG}; overflow: hidden; border: solid {SPECIALBORDER}; border-width: 0 1px 0 0; }
    160px 改成想要的寬度
    情報寬度 (文章數,最後登入..etc)
    
    程式碼:

    .pls dt { margin-right: 5px; width: 50px; }
    程式碼:

    .pls dd { width: 70px; }
    整體字體13px時,margin-right改成0px, dt改成60px dd改成85px(IE要用80px)
    左側Ajax情報
    
    程式碼:

    .bui { position: absolute; margin: -1px 0 0 -1px; padding: 15px 0 15px 20px; width: 430px;
    彈出視窗寬度 改成 450px
    
    程式碼:

    .bui .i { width: 290px; }
    內容寬度 改成310px
    
    程式碼:

    .bui dd { margin-right: 10px; width: 75px; }
    改成85px
    
    
33. 搜尋功能
    1.用 template/風格名/common/header.htm 複製到 template/風格名/search/
    2.刪除 header.htm 最下面沒閉合的 div
    3.修改 template/風格名/common/modules.css
    最下面的 /** search **/ 改成
    
    程式碼:

    a { color: {LINK}; }
body { {HEADERBGCODE} }
    #pt { margin: 0 20px; border-bottom: 1px solid #DDD; background: none; line-height: 28px; }
    #um p { *width: 400px; }
    #ft { padding: 10px 30px; text-align: center; }
    
    .snv ul li { float: left; margin-right: 1em; text-indent: 0 !important; }
        .snv ul li span { display: none; width: 0; }
    .schtxt { padding: 5px; background: {WRAPBG};}
    .schbtn { background:url({STYLEIMGDIR}/newtopic.gif);width:83px;height:27px;line-height:27px;font-size:12px;font-weight:normal;border:0; cursor: pointer; }
    #ct { margin: 38px 20px; border: none; }
    #tpsch td { padding-right: 1em; }
    .sttl { padding: 5px 10px; border: 1px solid #DDD; background: {BGCOLOR}; }
    .slst { width: 650px; }
        .slst h3 a { font-weight: 400; text-decoration: underline; }
    .pg {float:left;}
    4.修改 template/default/search/pubsearch.htm
    把 {IMGDIR}/logo.png 改成 {BOARDIMG}
    
    
34. 論壇首頁標題連結顏色 template/default/common/module.css
    
    程式碼:

    .fl dd a { color: {HIGHLIGHTLINK}; }
    改成 {LINK}
    
    ----------------以下未處理---------------------
    
    
35. 廣告位置變換
    template/common/header.htm
    把{ad/headerbanner/wp a_h} 放到{BOARDLOGO}下面
    
    程式碼:

    <h2><a href="index.php" title="$_G['setting']['bbname']">{BOARDLOGO}</a></h2>
    template/common/module.css 把 wp 去掉 修改 a_h
    頁頭廣告
    .a_h { position:absolute;right:20px;padding-top: 20px; }