[Discuz]Style 7.2

[NINJA]

文章內頭像大小預設120x120,修改方式
http://www.discuz.net/viewthread.php?tid=1181040

首頁logo置中
templates/default/header.htm

程式碼:

<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>

把h2改成center

私人訊息 / 論壇任務 不新開視窗
修改 header.htm
把 target="_blank" 刪掉

刪除首頁 [論壇版塊][論壇動態] 按鈕
修改 templates/default/discuz.htm
找到 {subtemplate index_navbar}
刪掉或註解化

修改首頁 [論壇版塊][論壇動態] 按鈕顏色
修改 templaes/style_dir/image_dir/btn_block.gif

舊風格升級7.2後,版主管理選單無主題鑒定
修改 templates/風格/viewthread.htm
找到 <!--{if $allowrecommendthread (找不到就看default/viewthread.htm)
新增一行

<!--{if $allowstampthread}-->{eval $modopt++}<li class="wide"><a href="javascript:;" onclick="modaction('stamp')">{lang admin_stamp}</a></li><!--{/if}-->

[NINJA]

版塊簡介,內容太長時會造成FireFox版面異常
解決方法有2種

A.若版塊名+版塊簡介+版主名單 <= 4行
1.後台把版塊簡介手動按Enter換行
如果用寬螢幕的話,這兩行不會自動跳回一行

2.修改 template/default/discuz.htm
找到 <div class="left">
把 class="left" 刪掉就可以了
如果擔心影響到其它風格,可以單獨上傳到指定風格目錄下就可以了

這個修改方式,版塊圖片位置是靠上

B.若版塊名+版塊簡介+版主名單 > 4行
修改 template/default/discuz.htm
找到 <div class="left">
把 <div class="left"> ... </div>
改為 <td class="center"> ... <td>

這個修改方式,版塊圖片位置是置中
==================
線上會員名單的間隔
修改 templates/default/css_script.htm

#onlinelist dd ul li { float: left; margin: 4px 0; width: 20%; height: 14px; line-height: 14px; }

==================
通用顯示區域背景顏色 {COMMONBG}:
影響的背景顏色有:公告背景/編輯器背景

[NINJA]

文章內容的首篇標題字體小大
css_script.htm

.postmessage h1, .postmessage h2 { margin: 8px 0; font-size: 1.17em; }

1.17em 可以改成 16px 比較適合 FireFox

文章內容的字體小大
風格管理->編輯->高級模式->帖子內容

帖子內容字號 {MSGFONTSIZE}:

適合16px
這個就是設定文章內容的字體大小 [ class = t_msgfont ]
不過有些模版不是照官方的設定去做出來的就沒有效

帖子內容大字號 {MSGBIGSIZE}:
這個是在文章內容右上角有個 T|T 可以切換字型大小的功能
按大T就會切換到這個SIZE,按小T就回到預設的大小(帖子內容字號)
但CODE按T只會把行距縮小,字不會變大

可閱讀區域
風格管理->編輯->高級模式->帖子內容
閱讀區域寬度 {CONTENTWIDTH}:
預設是 600px ,有些模版是 null 就沒有限制,但填100%比較好

正常字體大小 {FONTSIZE}:
這個是body的整體設定
當字體13px以上時,ajax登入視窗密碼的冒碼會下移一行
可修改htm檔,或,修改 templates.lang.php 把 密　碼　： 改成 密　碼 ：
主題列表的 類型 在非IE下擠成2行(可用CSS修正)

主體表格寬度
風格管理->編輯->高級模式->主體表格寬度
主體表格寬度 {WRAPWIDTH}:
改成百分比就可以自動依視窗大小縮放,預設模版大概95%
有些模版IceBreak/XMas因鎖定主體表格大小,不適用

[NINJA]

主題內容圖片自動調整
1.可閱讀區域使用 % ,例如 100%
2.界面-帖子內容頁-帖內圖片最大寬度 使用 % ,例如 100%
註:只有第一次瀏覽時才會調整大小,瀏覽器縮放視窗後,圖片不會自動縮放,須重新整理才會再次調整
因為雖然是設定100%,但主題內顯示語法仍為固定的值,所以要重新整理才會變動

<img style="cursor: pointer;" src="attachments/forumid_3/09102015042838469bd3a5caa1.jpg" file="attachments/forumid_3/09102015042838469bd3a5caa1.jpg" thumbimg="1" id="aimg_4" alt="東方.jpg" width="758" height="592">

如果要自動縮放就可能要修改viewthread_node.htm
[圖片動態放大效果]也是一樣只會第一次載入頁面時就固定大小


主題列表 非官方風格 如果主題數/回覆數太多,導致數字分行
修改 templates/風格名/css_command.htm
第 248 行 .nums { width: 80px;
80px 改成想要的數字,例如 90px

官方預設風格會自動縮放

[NINJA]

修改/刪除論壇有無新文章圖示
修改 templates/風格/css_common.htm

無新主題圖示:
找到

程式碼:

.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }

變更圖示:修改 {IMGDIR}/forum.gif
刪除圖示:整行刪除

有新主題圖示:
找到

程式碼:

.list th.new { background-image: url({IMGDIR}/forum_new.gif); }

變更圖示:修改 {IMGDIR}/forum_new.gif
刪除圖示:整行刪除

===========================
主題列表:作者/時間 排序
這個排序是 orderby=dateline , 只有時間排序,沒有作者排序
修改 forumdisplay.htm 找到 orderby=dateline 這行的後面

程式碼:

{lang author}/{lang time}

修改

程式碼:

{lang time}

這樣只會顯示 時間
或者

程式碼:

{lang dateline}

這樣會顯示 發佈時間

主題排序:增加 全部
修改 forumdisplay.htm
找到

程式碼:

<li{if $filter == 7948800}

下面一行新增

程式碼:

<li{if !$filter} class="current"{/if}><a href="forumdisplay.php?fid=$fid&orderby=$orderby$typeadd$sortadd"><span>{lang all}</span></a></li>

修正增加 全部 排序時,會跳回 季 的錯誤 [可能直接 filter= 刪掉]
修改 forumdisplay.htm
找到 熱門/發佈時間/回覆/查看/最後發表 的 &filter=$filter
取代為 $forumdisplayadd
這樣原本預設是 季 就會變成 全部

=============

[NINJA]

版塊橫排顯示版塊logo

首頁的版塊橫排顯示版塊logo:
修改 templates/風格/discuz.htm
找到

程式碼:

<th width="$cat[forumcolwidth]"{$forum[folder]}>

改為

程式碼:

<th width="$cat[forumcolwidth]">{$forum[icon]}

子版塊橫排顯示版塊logo:
修改 templates/風格/forumdisplay_subforum.htm
找到

程式碼:

<th width="{$forum[forumcolwidth]}"$sub[folder]>

修改

程式碼:

<th width="{$forum[forumcolwidth]}">$sub[icon]

[NINJA]

取消 個人中心 裡面的 MSN 敘述
修改 memcp_profile.htm
找到

程式碼:

<label for="imme">{lang msn_imme}</label>

把整大段的 tr 註解掉 -_-|||

順便把 QQ 阿里旺旺 支付寶 都KO好了
方法同上,找到相關的 tr 段落,整個註解掉

後台也可以考慮新增一個用戶欄 skype

===========
今日主題的日期以特殊顏色顯示
修改 forumdisplay.htm
找到

<em>$thread[dateline]</em>

改為

{eval $days=date('Y-n-j',time());}
<!--{if $thread[dateline]==$days}-->
<font color="#FF0000">$thread[dateline]</font>
<!--{else}-->
$thread[dateline]
<!--{/if}-->

[NINJA]

發表主題時,取消預設勾選[關注此主題最新回覆]
修改 templates/default/post.htm
找到

<input type="checkbox" name="attention_add" id="attention_add" checked="checked" value="1" />

把 checked="checked" 刪掉

===============
數據調用,邊欄 年/月/日 這類的Tag切換,改為滑鼠移到上面自動切換,不用點一下
修改 templates/default/request_rowcombine.htm
找到 onclick [共2處]
改為 onmouseover

===============
主題鑒定顯示位置
修改 css_script.htm
找到 #threadstamp { position:absolute;margin-top: -70px;margin-left:300px; }
把數字改成想要的位置
===============
當 正常字體大小 {FONTSIZE}:12px 改為13px後
看文章時,左側個人資料會因字體變大而導致 註冊時間/最後登入 被切掉最後一個字
修改 css_script.htm
找到 .postauthor dt { margin-right: 5px; width: 50px; }
把 50px 改成 55px [可註解掉,放在css_append.htm]
===============
讓網頁變灰色 [ IE Only ]
把下面語法加到 head 裡

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

或者

<style type="text/css">
html {
FILTER: gray
}
</style>

================
文章左側個人訊息寬度
修改css_viewthread.htm

.forumcontrol .modaction { width: 140px; background: {CONTENTSEPARATE}; }

.mainbox td.postauthor { padding: 0; width: 170px; background: {SPECIALBG}; overflow: hidden; }

把 140px 170px 做調整
===============
文章左側彈出視窗背景
#viewthread .userinfopanel { margin: -1px 0 0 9px; width: 500px; border: 1px solid {DROPMENUBORDER}; background: {WRAPBG} ; filter: alpha(opacity=96); opacity: 0.96; }
把 {WRAPBG} 改成想要的圖片或顏色

[NINJA]

取消 回覆/引用 的強制提醒作者
修改 templates/default/post.htm
找到

程式碼:

    <!--{if $action == 'reply'}-->
        <input type="hidden" name="noticeauthor" value="$noticeauthor" />
        <input type="hidden" name="noticetrimstr" value="$noticetrimstr" />
        <input type="hidden" name="noticeauthormsg" value="$noticeauthormsg" />
    <!--{/if}-->

剪下,再找到

程式碼:

<p><input type="checkbox" id="allowimgcode" disabled{if $forum['allowimgcode']} checked="checked"{/if} /><label for="allowimgcode">{lang post_imgcode}</label></p>

下面貼上,並修改為

程式碼:

<!--{if $action == 'reply'}-->
    <input type="checkbox" name="noticeauthor" value="$noticeauthor" />{lang notice}{lang author}
    <input type="hidden" name="noticetrimstr" value="$noticetrimstr" />
    <input type="hidden" name="noticeauthormsg" value="$noticeauthormsg" />
<!--{/if}-->

=================================
header高度
修改 css_append.htm
/* 搭配header背景圖高度 另,頁面背景圖改為 repeat-x 0 201px */
#header .wrap { position: relative; padding: 24px 0 22px;}
BRS 後面加個 height:154px; 且 後台編輯風格把Gray的背景圖改成 repeat-x 0 200px
背景圖200px的設定

程式碼:

#header .wrap { position: relative; padding: 24px 0 22px; height:154px;}

================================
13px時 最後回覆寬度
修改 css_append.htm

程式碼:

/* 13px時,調整 最後發表寬度 */
.lastpost { width: 125px; }

================================
搜尋頁面 標題/全文 改為 radio 點選
修改 search.htm
找到

程式碼:

<select name='srchtype'>
                    <option value="title">{lang title}</option>
                    <!--{if !$disabled[fulltext]}--><option value="fulltext">{lang search_fulltext}</option><!--{/if}-->
                </select>

改為

程式碼:

<input type="radio" name="srchtype" value="title" checked="checked">{lang title}
                <!--{if !$disabled[fulltext]}--><input type="radio" name="srchtype" value="fulltext">{lang search_fulltext}<!--{/if}-->

==============================
搜尋結果 點標題改為原視窗開啟
修改 search_threads.htm
找到

程式碼:

<a href="viewthread.php?tid=$thread[tid]&highlight=$index[keywords]" target="_blank" $thread[highlight]>$thread[subject]</a>

刪除 target="_blank"
註: $thread[highlight] 似乎沒有作用

[NINJA]

icon_nav.gif
修改 css_command.htm
找到 {IMGDIR}/icon_nav.gif
改為 {STYLEIMGDIR}/icon_nav.gif

或
修改 css_append.htm
把 css_command.htm 的 #nav 放到 css_append 並修改圖片位置

==================================
若 發文/回覆 的按鈕是文字圖示,會造成 文字重疊
修改 viewthread.htm / forumdisplay.htm
找到 postbtn 和 replybtn
把後面的 {lang reply} {lang send_posts} 刪除

修改 forumdisplay.htm
找到

程式碼:

<span class="postbtn" id="newspecialtmp" onmouseover="$('newspecial').id = 'newspecialtmp';this.id = 'newspecial';showMenu({'ctrlid':this.id})"><a href="post.php?action=newthread&fid=$fid"{if !$forum['allowspecialonly']} onclick="showWindow('newthread', this.href);return false;"{/if}>{lang send_posts}</a></span>

把{lang send_posts}刪掉
================================
論壇首頁 收起/展開 小圖示
修改 discuz.htm / forumdisplay.htm
找到 {IMGDIR}/collapsed
取代為 {STYLEIMGDIR}/collapsed

{STYLEIMGDIR}/collapsed_no.gif
{STYLEIMGDIR}/collapsed_yes.gif

修改 forumdisplay.htm
找到

程式碼:

<span class="headactions"><img onclick="toggle_collapse('modarea_c');" alt="{lang spread}" title="{lang spread}" src="{IMGDIR}/$collapseimg[modarea_c].gif

把 {IMGDIR} 改為 {STYLEIMGDIR}

修改 discuz.htm
找到 <img id="category_$cat[fid]_img" src="{IMGDIR}/$cat[collapseimg]
改為 <img id="category_$cat[fid]_img" src="{STYLEIMGDIR}/$cat[collapseimg]
找到 <img id="forumlinks_img" src="{IMGDIR}/$collapseimg[forumlinks].gif"
改為 <img id="forumlinks_img" src="{STYLEIMGDIR}/$collapseimg[forumlinks].gif"
==================================
置頂圖示
修改 css_command.htm
找到 .feed .f_pin 區段
把 {IMGDIR} 改為 {STYLEIMGDIR}

修改 forumdisplay.htm
找到

程式碼:

<img src="{IMGDIR}/pin_$thread[displayorder].gif"

把 {IMGDIR} 改為 {STYLEIMGDIR}
==================================
公告小圖示
修改 css_script.htm
找到 {IMGDIR}/ann_icon.gif
把 {IMGDIR} 改為 {STYLEIMGDIR}

修改 forumdisplay.htm
找到 {IMGDIR}/ann_icon.gif
把 {IMGDIR} 改為 {STYLEIMGDIR}