Linux0911 Forum » Discuz! 6.0.0 風格發佈 » Discuz! 6.0.0 風格模板常見修改方法

‹‹ 上一主題 | 7 / 2638 | 下一主題 ››

列印

Discuz! 6.0.0 風格模板常見修改方法

本主題由 Linux0911 於 2007-9-10 11:43 AM 置頂

Linux0911
(若不堅持，一切都會變樣 ...)
Administrator

Rank: 9 Rank: 9 Rank: 9

1^# 大中小發表於 2007-9-10 11:41 AM 主題編號：9389 文章編號：19789 TOP 顯示全部帖子

Discuz! 6.0.0 風格模板常見修改方法

from: http://www.discuz.net/thread-732209-1-1.html

作者：goldenfaith
整理、製圖：Linux0911
轉載請註明來源：http://linux0911.no-ip.info/Discuz/
ps. 所有關於 css.htm 檔案的修改均須到後台 → 論壇管理 → 介面風格 → 更新 CSS 檔案快取

一、半透明下拉選單

1. 修改 ./include/javascript/menu.js

找到並刪除

複製內容到剪貼簿

代碼:

                if(is_ie) {

                        menuobj.style.filter += "progid:DXImageTransform.Microsoft.shadow(direction=135,color=#CCCCCC,strength=2)";

                }

2. 修改 css.htm

方法一

找到 (僅修改頂端選單，其他選單保持不變)

複製內容到剪貼簿

代碼:

.headermenu_popup { width: 170px; }

改為

複製內容到剪貼簿

代碼:

.headermenu_popup { width: 170px; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; -khtml-opacity: 0.75; }

或者

方法二

找到 (全部選單，包括頂端選單、新帖下拉選單、個人訊息欄選單等)

複製內容到剪貼簿

代碼:

.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid {CATBORDER}; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 1px;  }改為

複製內容到剪貼簿

代碼:

.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid {BORDERCOLOR}; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 1px; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; -khtml-opacity: 0.75; }

二、將貼內欄位改為一行一個

修改 css.htm

找到

複製內容到剪貼簿

代碼:

.postauthor li { text-indent: 22px; width: 49.5%; height: 1.6em; overflow: hidden; float: left; background-position: 0 50%; background-repeat: no-repeat; }

改為

複製內容到剪貼簿

代碼:

.postauthor li { text-indent: 22px; width: 49.5%; height: 1.6em; overflow: hidden; list-style: none; background-position: 0 50%; background-repeat: no-repeat; }

三、帖子內容與個人訊息欄之間的分隔線

1. 修改 css.htm
找到

複製內容到剪貼簿

代碼:

.mainbox td.postauthor { width: 180px; background: {ALTBG2}; padding: 5px; overflow: hidden; }

改為

複製內容到剪貼簿

代碼:

.mainbox td.postauthor { width: 180px; background: {ALTBG2}; padding: 5px; overflow: hidden; border-left: 1px solid {BORDERCOLOR}; }

2. 修改 viewthread.htm

找到 (有 2 處)

複製內容到剪貼簿

代碼:

<td class="postauthor">

改為

複製內容到剪貼簿

代碼:

<td class="postauthor" style="border-left: 0 ; border-right: 1px solid {BORDERCOLOR};">

四、去掉背景色和上邊框

修改前

修改後

修改 css.htm

找到

複製內容到剪貼簿

代碼:

.postactions { border-top: 1px solid {COMMONBOXBORDER}; background: {COMMONBOXBG}; line-height: 30px; height: 30px; padding: 0 10px; }

改為

複製內容到剪貼簿

代碼:

.postactions { border-top: 0; line-height: 30px; height: 30px; padding: 0 10px; }

五、帖子內容行高

修改前

修改後

修改 viewthread.htm

找到

複製內容到剪貼簿

代碼:

<div id="postmessage_$post[pid]" class="t_msgfont">$post[message]</div>

改為

複製內容到剪貼簿

代碼:

<div id="postmessage_$post[pid]" class="t_msgfont" style="line-height: 2.5em;">$post[message]</div>

六、footer 寬度

修改前

修改後

修改 css.htm

找到

複製內容到剪貼簿

代碼:

#footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; }

改為

複製內容到剪貼簿

代碼:

#footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; width: {MAINTABLEWIDTH}; }

七、主表格表頭高度

修改前

修改後

修改 css.htm

找到

複製內容到剪貼簿

代碼:

.mainbox h1, .mainbox h3, .mainbox h6 { line-height: 31px; padding-left: 1em; {HEADERBGCODE}; background-repeat: repeat-x; background-position: 0 0; color: {HEADERTEXT}; }

改為

複製內容到剪貼簿

代碼:

.mainbox h1, .mainbox h3, .mainbox h6 { line-height: 25px; padding-left: 1em; {HEADERBGCODE}; background-repeat: repeat-x; background-position: 0 0; color: {HEADERTEXT}; }

然後調整以下表頭內容的上下位置

找到

複製內容到剪貼簿

代碼:

.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }

改為

複製內容到剪貼簿

代碼:

.headactions { float: right; line-height: 1em; padding: 6px 10px 0 0; }

修改"聯盟論壇"、"在線人數"等箱子的表頭高，可以這樣修改，css.htm 找到

複製內容到剪貼簿

代碼:

.box h4 { {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }

修改這裡的
line-height: 30px;

八、刪除帖子列表左邊的表情圖示

修改前

修改後

修改 css.htm

找到

複製內容到剪貼簿

代碼:

.threadlist td.folder { text-align: center; width: 30px; }

改為

複製內容到剪貼簿

代碼:

.threadlist td.folder { text-align: center; width: 30px; display: none; }

找到

複製內容到剪貼簿

代碼:

.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }

改為

複製內容到剪貼簿

代碼:

.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; display: none; }

九、增加卷軸顏色 (IE)

修改 css.htm

最後加入

複製內容到剪貼簿

代碼:

html, body { scrollbar-face-color: #FFF; scrollbar-shadow-color: #CCC; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #CCC; scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #999; }

可自行修改

附件: 您所在的用戶組無法下載或查看附件

Hack 安裝錯誤, 80% 來自粗心, 請專心安裝
Linux0911 打造您的個性論壇

本人現在忙於研究所, 沒多的時間管論壇, 有問題別發 pm 給我, 謝謝~

TOP

熾月 Super Moderator	2^# 大中小發表於 2007-9-10 12:02 PM 主題編號：9389 文章編號：19793 TOP 顯示全部帖子我覺得這個很不錯 Linux0911 Forum © 2004-2009 All Rights Reserved.
UID 159 帖子 1785 精華 0 積分 53550 現金 12644 元存款 0 元 My BLOG 座右銘閱讀權限 80 性別女在線時間 1867 小時註冊時間 2005-6-16 最後登錄 2009-11-23 查看詳細資料	TOP

【ㄚ椿】 (【ㄚ椿】) Lord	3^# 大中小發表於 2007-12-6 08:30 PM 主題編號：9389 文章編號：21942 TOP 顯示全部帖子幾乎都很實用！！推上去吧！我也有改的一些些 Linux0911 Forum © 2004-2009 All Rights Reserved.
暱稱　(【ㄚ椿】) 自定義頭銜　【曉組織．零】 UID 3440 帖子 26 精華 0 積分 780 現金 100 元存款 0 元 My BLOG http://xsnc.105ad.com/ 座右銘即使在未來，也要為自己戰鬥！閱讀權限 40 在線時間 35 小時註冊時間 2007-12-6 最後登錄 2008-4-10 查看個人網站查看詳細資料	TOP

lucky8.idv.tw Member	4^# 大中小發表於 2008-4-16 04:09 PM 主題編號：9389 文章編號：24202 TOP 顯示全部帖子好棒!!受用無窮 Linux0911 Forum © 2004-2009 All Rights Reserved.
UID 4012 帖子 6 精華 0 積分 180 現金 100 元存款 0 元 My BLOG 座右銘閱讀權限 20 在線時間 3 小時註冊時間 2008-4-4 最後登錄 2008-6-11 查看詳細資料	TOP

PCHANG Lord	5^# 大中小發表於 2008-5-2 03:51 AM 主題編號：9389 文章編號：24337 TOP 顯示全部帖子感謝您的指導^^受益良多 Linux0911 Forum © 2004-2009 All Rights Reserved.
UID 1906 帖子 27 精華 0 積分 810 現金 15 元存款 50 元 My BLOG 座右銘閱讀權限 40 性別女在線時間 36 小時註冊時間 2006-10-16 最後登錄 2008-7-14 查看詳細資料	TOP

火曜日 (喵喵別跑) Newbie	6^# 大中小發表於 2008-9-25 08:16 PM 主題編號：9389 文章編號：25789 TOP 顯示全部帖子回覆 1# Linux0911 的帖子我受用了感謝大大的付出 Linux0911 Forum © 2004-2009 All Rights Reserved.
暱稱　(喵喵別跑) UID 4722 帖子 1 精華 0 積分 30 現金 100 元存款 0 元 My BLOG 座右銘閱讀權限 10 在線時間 7 小時註冊時間 2008-9-14 最後登錄 2008-10-6 查看詳細資料	TOP

小佩 Lord	7^# 大中小發表於 2008-11-14 08:07 AM 主題編號：9389 文章編號：26320 TOP 顯示全部帖子謝謝講解很仔細很受用 Linux0911 Forum © 2004-2009 All Rights Reserved.
UID 1378 帖子 24 精華 0 積分 720 現金 100 元存款 0 元 My BLOG 座右銘閱讀權限 40 性別女在線時間 18 小時註冊時間 2006-6-26 最後登錄 2009-9-18 查看詳細資料	TOP

沁薇 Member	8^# 大中小發表於 2009-2-2 02:38 AM 主題編號：9389 文章編號：26726 TOP 顯示全部帖子努力學習研究 Linux0911 Forum © 2004-2009 All Rights Reserved.
UID 5206 帖子 4 精華 0 積分 120 現金 100 元存款 0 元 My BLOG 座右銘閱讀權限 20 在線時間 2 小時註冊時間 2009-2-1 最後登錄 2009-2-9 查看詳細資料	TOP

‹‹ 上一主題 | 下一主題 ››

Linux0911 Forum » Discuz! 6.0.0 風格發佈 » Discuz! 6.0.0 風格模板常見修改方法

論壇聲明

本論壇為無營利行為之開放平台，所有文章都是由網友自行張貼，如牽涉到法律糾紛一切與本站無關。
如網友發表之內容涉及侵權，而損及您的利益，請立即通知版主刪除。
請勿批評中華民國元首及政府或批評各政黨，是藍是綠本站無權干涉，但這裡不是政治性論壇！

最佳瀏覽解析度：不低於 1024 (最佳 1280 以上).(支援 IE 7, Mozilla Firefox, Safari, Chrome)
The Best Surfing Resolution: No Lower than 1024 (Best: above 1280).(IE 7, Mozilla Firefox, Safari, Chrome Supported)

討論區守規	Discuz! 各個版本下載區	Discuz! 風格與插件下載中心	Discuz! 6.1.0 使用手冊	Discuz 6.0.0 插件目錄彙總
Discuz! 6.0.0 風格下載區	Discuz! 6.0.0 使用手冊	Discuz! 7.0.0 插件彙總	Discuz! 7.0.0 風格彙總	CSS 指引
XHTML 指引	Google Maps	W3C 檢測站

Discuz! 6.0.0 風格模板常見修改方法

Discuz! 6.0.0 風格模板常見修改方法

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

代碼:

回覆 1# Linux0911 的帖子