discuz修改css的几点事项.docx

1、discuz修改css的几点事项discuz 6.0 css常見問題收集文件修改建議使用FTP方式，修改前注意備份.目錄:templates/default修改文件涉及CSS，覆蓋後需到後台更新CSS緩存。本帖將收集會員疑問求助的解決方法，隨時更新首頁部分1、寬屏顯示器LOGO居左版塊，界面風格，詳情，外表格寬度 MAINTABLEWIDTH:設置為980px，寬度自己調整。2、底部與版面寬度相同：css_common #footer border-top: 1px solid BORDERCOLOR; background: ALTBG2; color: TEXT; padding: 12p

2、x 0; 改為：#footer border-top: 1px solid BORDERCOLOR; background: ALTBG2; color: TEXT; padding: 12px 0; width: MAINTABLEWIDTH; ALTBG2為背景顏色，可根據需要修改3、底部背景顏色改為圖片：mon末尾加：#footer background: url(IMGDIR/圖片地址); 4、頂部菜單欄靠左顯示：mon查找：#menu ul float: right; padding: 4px 10px 0; border-right: 1px solid TABLEBG; 改為：#

3、menu ul float: left; padding: 4px 10px 0; border-right: 0px solid TABLEBG; 5、頂部菜單欄鼠標指向出現下劃線：mon末尾添加：#menu li a:hover text-decoration: underline; 6、瀏覽過的帖子標題改變顏色mon末尾添加：a:visited text-decoration: none;color: #555;#555為顏色代碼7、首頁最後發表寬度：mon.forumlist td.lastpost width: 260px; 調整260px8、鼠標指向導航欄下拉菜單文字背景顏色css

4、_common#menu li.hover, #menu li.current background-color: BGCOLOR; border: 1px solid; border-color: CATBORDER CATBORDER BGCOLOR; 刪除以上代碼或更改 background-color: BGCOLOR; BGCOLOR改為顏色代碼8、去掉下方有無新帖版塊discuz.htm查找刪除 lang forum_newposts lang forum_nonewpost10、版塊前面的有無新帖圖標css_common查找刪除.forumlist th padding-left

5、: 55px !important; .forumlist h2 em color: HIGHLIGHTLINK; .forumlist tbody th background-image: url(IMGDIR/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; .forumlist tbody th.new background-image: url(IMGDIR/forum_new.gif); 11、橫排添加版塊自定義圖標discuz.htm查找後面加$forumicon12、版塊圖標如何居右顯

6、示：css_common末尾加.forumlist th img float:right; margin-top: 8px;13、版塊距離如何增高：css_commonpadding: 1px 5px; border-bottom: 1px solid TABLEBG; background-color: ALTBG1; 調整 padding: 1px （譬如將1改為10）14、版塊名稱改變顏色字體大小後台，版塊，如版塊名稱為：模版風格，改為模版風格字體想大點的話，font裡面再加入size=4#ff0000為顏色代碼，這個是紅色，其它顏色XX搜索：html顏色代碼，4為字體大小統一修改版塊名

7、稱大小discuz.htm查找：$forumname改為：$forumname共兩處。（根據個人需要調整14px）15、在線會員鼠標指向用戶名，去掉時間顯示discuz.htm查找刪除： lang time: $onlinelastactivityLF16、首頁在線人員查看詳情列表的右側向下箭頭不明顯discuz.htm查找：改為關閉詳情列表改為顯示詳情列表17、菜單欄添加自定義內容：header.htm查找：li class=currentlang faq後面加：文字說明紅色為登錄後才可查看， target=_blank為新窗口打開，如不需要可刪除18、添加豎線mon添加.forumlist

8、 tdborder-left:1px solid BGBORDER19、菜單欄下拉界面改為一列顯示：mon查找：.headermenu_popup li float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid COMMONBOXBORDER; 去掉紅色內容19、去掉登錄後名字左邊的小圖標：css_common查找並刪除background: url(././images/avatars/avataronline.gif) no-repeat 10px

9、 40%;20、滾動條顏色html, body scrollbar-face-color: #FF0000; 修改你需要的顏色，下面需要的添加進去scrollbar-face-color:#C0C0C0; （表面） scrollbar-highlight-color:#FFFFFF;（亮邊） scrollbar-3dlight-color:#C0C0C0;（3D亮邊） scrollbar-darkshadow-color:#000000; （3D暗邊） scrollbar-Shadow-color:#808080;（陰影） scrollbar-arrow-color:#000000; （箭頭）

10、 scrollbar-track-color:#E0E0E0;（滾動區）主題列表頁子版塊橫排添加版塊圖標：/forumdisplay_subforum.htm查找：後面加: $subicon帖子在新窗口打開：forumdisplay.htm查找：extra=$extra$threadhighlight$threadsubject改為：extra=$extra$threadhighlight target=_blank$threadsubject主題列表字體大小及顏色forumdisplay.htm查找：extra=$extra$threadhighlight$threadsubject將$th

11、readsubject改為$threadsubject或者$threadsubject改變顏色 改為 #ff0000為紅色有新回復無新回復部分出現換行：mon查找：.legend border: 1px solid BGBORDER; background: ALTBG1; padding: 10px; margin: 10px auto; width: 550px; text-align: center; line-height: 35px; 調整550px添加豎線：mon添加 .threadlist tdborder-left:1px solid BGBORDER內容頁面：個人信息與內容之

12、間的分割線：方法一、viewthread.htm查找： 改為：方法二：mon末尾加.viewthread td.postauthor border-right: 1px solid BORDERCOLOR; 去掉只看該作者：viewthread.htm查找並刪除： lang thread_show_author lang thread_show_all 按紐背景顏色（發表帖子等）mon#postsubmit, button.submit margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FF

13、FDEE; background: #FFF8C5; color: NOTICETEXT;修改紅色顏色代碼編輯器背景顏色：css_editor查找：#wysiwyg font: MSGFONTSIZE/1.6em FONT !important; 改為:#wysiwyg font: MSGFONTSIZE/1.6em FONT !important;background:#FFF; 禁止管理人員給自己帖子加精華：include/moderation.inc.php查找$threadlist$threadtid = $thread;後面加if($level 0 & $adminid != 1)

14、if($threadauthorid = $discuz_uid & $operation=digest) showmessage(抱歉！您不能將自己的主題加入精華，請返回。);修改DZ时我们经常美化的常用文件及代码说明85% - Discuz!-插件Hack 修改网站文件建议用FTP修改。而修改前记得备份，方便自己还原。涉及CSS的文件修改后。覆盖文件后到后台更新CSS缓存。=相关Discuz.htm文件；1，去掉下方有无新帖版块查找并且删除以下代码 lang forum_newposts lang forum_nonewpost2，横排添加版块自定义图标查找后面加上以下代码$forumic

15、on3，版块名称改变颜色字体大小后台，版块，如版块名称为：模版风格，改为模版风格字体想大点的话，font里面再加入size=4#ff0000为颜色代码，这个是红色，其它颜色XX搜索：html颜色代码，4为字体大小统一修改版块名称大小查找：$forumname改为：$forumname共两处。（根据个人需要调整14px）4，在线会员鼠标指向用户名，去掉时间显示查找删除以下代码：lang time: $onlinelastactivityLF5，首页在线人员查看详情列表的右侧向下箭头不明显查找：改为关闭详情列表改为显示详情列表=header.htm文件1，菜单栏添加自定义内容：查找：li clas

16、s=currentlang faq后面加：文字说明红色为登录后才可查看， target=_blank为新窗口打开，如不需要可删除=css_common 文件1，底部与版面宽度相同：查找#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: MAINTABLEWID

17、TH; ALTBG2为背景颜色，可根据需要修改2，底部背景颜色改为图片：在文件末尾加上以下代码：#footer background: url(IMGDIR/图片地址); 3，顶部菜单栏靠左显示：查找：#menu ul float: right; padding: 4px 10px 0; border-right: 1px solid TABLEBG; 改为：#menu ul float: left; padding: 4px 10px 0; border-right: 0px solid TABLEBG; 4，顶部菜单栏鼠标指向出现下划线：文件末尾添加上以下代码：#menu li a:hov

18、er text-decoration: underline; 5，浏览过的帖子标题改变颜色文件末尾添加上以下代码：a:visited text-decoration: none;color: #555;（#555为颜色代码）6，首页最后发表宽度：查找以下代码.forumlist td.lastpost width: 260px; （调整260px）7，鼠标指向导航栏下拉菜单文字背景颜色查找以下代码；#menu li.hover, #menu li.current background-color: BGCOLOR; border: 1px solid; border-color: CATBOR

19、DER CATBORDER BGCOLOR; （删除以上代码或更改 background-color: BGCOLOR; BGCOLOR改为颜色代码）8，版块前面的有无新帖图标查找并且删除以下代码.forumlist th padding-left: 55px !important; .forumlist h2 em color: HIGHLIGHTLINK; .forumlist tbody th background-image: url(IMGDIR/forum.gif); background-repeat: no-repeat; background-position: 13px 5

20、0%; .forumlist tbody th.new background-image: url(IMGDIR/forum_new.gif); 9，版块图标如何居右显示：文件末尾加上以下代码.forumlist th img float:right; margin-top: 8px;10，版块距离如何增高：查找；padding: 1px 5px; border-bottom: 1px solid TABLEBG; background-color: ALTBG1; 调整 padding: 1px （譬如将1改为10）11，添加竖线mon文件添加.forumlist tdborder-left

21、:1px solid BGBORDER12，菜单栏下拉界面改为一列显示：查找：.headermenu_popup li float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid COMMONBOXBORDER; 去掉红色内容13，去掉登录后名字左边的小图标：查找并删除background: url(././images/avatars/avataronline.gif) no-repeat 10px 40%;=主题列表页1，子版块横排添加版块图标：/forumdisplay_subforum.htm查找：后面加: $subicon1，帖子在新窗口打开：forumdisplay.htm查找：extra=$extra$threadhighlight$threadsubject改为：extra=$extra$threadhighlight target=_blank$threadsubject3，主题列表字体大小及颜色forumdisplay.htm查找：extra=$extra$threadhighlight$threadsubject将$thre