discuz修改css的几点事项.docx

上传人:b****4 文档编号:4877792 上传时间:2022-12-11 格式:DOCX 页数:13 大小:19.74KB
下载 相关 举报
discuz修改css的几点事项.docx_第1页
第1页 / 共13页
discuz修改css的几点事项.docx_第2页
第2页 / 共13页
discuz修改css的几点事项.docx_第3页
第3页 / 共13页
discuz修改css的几点事项.docx_第4页
第4页 / 共13页
discuz修改css的几点事项.docx_第5页
第5页 / 共13页
点击查看更多>>
下载资源
资源描述

discuz修改css的几点事项.docx

《discuz修改css的几点事项.docx》由会员分享,可在线阅读,更多相关《discuz修改css的几点事项.docx(13页珍藏版)》请在冰豆网上搜索。

discuz修改css的几点事项.docx

discuz修改css的几点事项

discuz6.0css常見問題收集

文件修改建議使用FTP方式,修改前注意備份.

目錄:

templates/default

修改文件涉及CSS,覆蓋後需到後台更新CSS緩存。

本帖將收集會員疑問求助的解決方法,隨時更新

首頁部分

1、寬屏顯示器LOGO居左

版塊,界面風格,詳情,外表格寬度{MAINTABLEWIDTH}:

設置為980px,寬度自己調整。

2、底部與版面寬度相同:

css_common

#footer{border-top:

1pxsolid{BORDERCOLOR};background:

{ALTBG2};color:

{TEXT};padding:

12px0;}

改為:

#footer{border-top:

1pxsolid{BORDERCOLOR};background:

{ALTBG2};color:

{TEXT};padding:

12px0;width:

{MAINTABLEWIDTH};}

{ALTBG2}為背景顏色,可根據需要修改

3、底部背景顏色改為圖片:

mon

末尾加:

#footer{background:

url({IMGDIR}/圖片地址);}

4、頂部菜單欄靠左顯示:

mon

查找:

#menuul{float:

right;padding:

4px10px0;border-right:

1pxsolid{TABLEBG};}

改為:

#menuul{float:

left;padding:

4px10px0;border-right:

0pxsolid{TABLEBG};}

5、頂部菜單欄鼠標指向出現下劃線:

mon

末尾添加:

#menulia:

hover{text-decoration:

underline;}

6、瀏覽過的帖子標題改變顏色mon

末尾添加:

a:

visited{text-decoration:

none;color:

#555;}

#555為顏色代碼

7、首頁最後發表寬度:

mon

.forumlisttd.lastpost{width:

260px;}

調整260px

8、鼠標指向導航欄下拉菜單文字背景顏色

css_common

#menuli.hover,#menuli.current{background-color:

{BGCOLOR};border:

1pxsolid;border-color:

{CATBORDER}{CATBORDER}{BGCOLOR};}

刪除以上代碼或更改background-color:

{BGCOLOR};{BGCOLOR}改為顏色代碼

8、去掉下方有無新帖版塊

discuz.htm

查找刪除

10、版塊前面的有無新帖圖標

css_common查找刪除

.forumlistth{padding-left:

55px!

important;}

.forumlisth2em{color:

{HIGHLIGHTLINK};}

.forumlisttbodyth{background-image:

url({IMGDIR}/forum.gif);background-repeat:

no-repeat;background-position:

13px50%;}

.forumlisttbodyth.new{background-image:

url({IMGDIR}/forum_new.gif);}

11、橫排添加版塊自定義圖標

discuz.htm

查找

後面加

fid=$forum[fid]">{$forum[icon]}

12、版塊圖標如何居右顯示:

css_common末尾加

.forumlistthimg{float:

right;margin-top:

8px;}

13、版塊距離如何增高:

css_common

padding:

1px5px;border-bottom:

1pxsolid{TABLEBG};background-color:

{ALTBG1};}

調整padding:

1px(譬如將1改為10)

14、版塊名稱改變顏色字體大小

後台,版塊,如版塊名稱為:

模版風格,

改為模版風格

字體想大點的話,font裡面再加入size=4

#ff0000為顏色代碼,這個是紅色,其它顏色XX搜索:

html顏色代碼,4為字體大小

統一修改版塊名稱大小

discuz.htm

查找:

fid=$forum[fid]">$forum[name]

改為:

14px;">

fid=$forum[fid]">$forum[name]

共兩處。

(根據個人需要調整14px)

15、在線會員鼠標指向用戶名,去掉時間顯示

discuz.htm

查找刪除:

{langtime}:

$online[lastactivity]{LF}

16、首頁在線人員查看詳情列表的右側向下箭頭不明顯

discuz.htm

查找:

改為[關閉詳情列表]

改為[顯示詳情列表]

17、菜單欄添加自定義內容:

header.htm

查找:

--{if$BASESCRIPT=='faq.php'}-->class="current"

--{/if}-->>{langfaq}

後面加:

--{if$maxpmnum}-->

  • 文字說明
  • --{/if}-->

    紅色為登錄後才可查看,target="_blank"為新窗口打開,如不需要可刪除

    18、添加豎線

    mon添加

    .forumlisttd{border-left:

    1pxsolid{BGBORDER}}

    19、菜單欄下拉界面改為一列顯示:

    mon

    查找:

    .headermenu_popupli{float:

    left;width:

    7em;line-height:

    24px;height:

    24px;overflow:

    hidden;border-bottom:

    1pxsolid{COMMONBOXBORDER};}

    去掉紅色內容

    19、去掉登錄後名字左邊的小圖標:

    css_common

    查找並刪除

    background:

    url(../../images/avatars/avataronline.gif)no-repeat10px40%;

    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;(箭頭)

    scrollbar-track-color:

    #E0E0E0;(滾動區)

    主題列表頁

    子版塊橫排添加版塊圖標:

    /forumdisplay_subforum.htm

    查找:

    後面加:

    fid=$$sub[fid]">{$sub[icon]}

    帖子在新窗口打開:

    forumdisplay.htm

    查找:

    extra=$extra"$thread[highlight]>$thread[subject]

    改為:

    extra=$extra"$thread[highlight]target="_blank">$thread[subject]

    主題列表字體大小及顏色

    forumdisplay.htm

    查找:

    extra=$extra"$thread[highlight]>$thread[subject]

    將$thread[subject]

    改為

    $thread[subject]或者

    14px;">$thread[subject]

    改變顏色改為#ff0000為紅色

    有新回復無新回復部分出現換行:

    mon

    查找:

    .legend{border:

    1pxsolid{BGBORDER};background:

    {ALTBG1};padding:

    10px;margin:

    10pxauto;width:

    550px;text-align:

    center;line-height:

    35px;}

    調整550px

    添加豎線:

    mon添加

    .threadlisttd{border-left:

    1pxsolid{BGBORDER}}

    內容頁面:

    個人信息與內容之間的分割線:

    方法一、viewthread.htm

    查找:

    改為:

    0;border-right:

    1pxsolid{BORDERCOLOR};">

    方法二:

    mon末尾加

    .viewthreadtd.postauthor{border-right:

    1pxsolid{BORDERCOLOR};}

    去掉只看該作者:

    viewthread.htm

    查找並刪除:

    --{if!

    $authorid}-->

    tid=$post[tid]&page=$page&authorid=$post[authorid]"rel="nofollow">{langthread_show_author}

    --{else}-->

    tid=$post[tid]&page=$page"rel="nofollow">{langthread_show_all}

    --{/if}-->

    按紐背景顏色(發表帖子等)

    mon

    #postsubmit,button.submit{margin-right:

    1em;border:

    1pxsolid;border-color:

    #FFFDEE#FDB939#FDB939#FFFDEE;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[$thread['tid']]=$thread;

    後面加

    if($level>0&&$adminid!

    =1){

    if($thread['authorid']==$discuz_uid&&$operation==digest){

    showmessage("抱歉!

    您不能將自己的主題加入精華,請返回。

    ");

    修改DZ时我们经常美化的常用文件及代码说明85%-Discuz!

    -插件Hack

    修改网站文件建议用FTP修改。

    而修改前记得备份,方便自己还原。

    涉及CSS的文件修改后。

    覆盖文件后到后台更新CSS缓存。

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

    相关Discuz.htm文件;

    1,去掉下方有无新帖版块

    查找并且删除以下代码

    2,横排添加版块自定义图标

    查找

    后面加上以下代码

    fid=$forum[fid]">{$forum[icon]}

    3,版块名称改变颜色字体大小

    后台,版块,如版块名称为:

    模版风格,

    改为模版风格

    字体想大点的话,font里面再加入size=4

    #ff0000为颜色代码,这个是红色,其它颜色XX搜索:

    html颜色代码,4为字体大小

    统一修改版块名称大小

    查找:

    fid=$forum[fid]">$forum[name]

    改为:

    14px;">

    fid=$forum[fid]">$forum[name]

    共两处。

    (根据个人需要调整14px)

    4,在线会员鼠标指向用户名,去掉时间显示

    查找删除以下代码:

    {langtime}:

    $online[lastactivity]{LF}

    5,首页在线人员查看详情列表的右侧向下箭头不明显

    查找:

    改为[关闭详情列表]

    改为[显示详情列表]

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

    header.htm文件

    1,菜单栏添加自定义内容:

    查找:

    --{if$BASESCRIPT=='faq.php'}-->class="current"

    --{/if}-->>{langfaq}

    后面加:

    --{if$maxpmnum}-->

  • 文字说明
  • --{/if}-->

    红色为登录后才可查看,target="_blank"为新窗口打开,如不需要可删除

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

    css_common文件

    1,底部与版面宽度相同:

    查找

    #footer{border-top:

    1pxsolid{BORDERCOLOR};background:

    {ALTBG2};color:

    {TEXT};padding:

    12px0;}

    改为:

    #footer{border-top:

    1pxsolid{BORDERCOLOR};background:

    {ALTBG2};color:

    {TEXT};padding:

    12px0;width:

    {MAINTABLEWIDTH};}

    {ALTBG2}为背景颜色,可根据需要修改

    2,底部背景颜色改为图片:

    在文件末尾加上以下代码:

    #footer{background:

    url({IMGDIR}/图片地址);}

    3,顶部菜单栏靠左显示:

    查找:

    #menuul{float:

    right;padding:

    4px10px0;border-right:

    1pxsolid{TABLEBG};}

    改为:

    #menuul{float:

    left;padding:

    4px10px0;border-right:

    0pxsolid{TABLEBG};}

    4,顶部菜单栏鼠标指向出现下划线:

    文件末尾添加上以下代码:

    #menulia:

    hover{text-decoration:

    underline;}

    5,浏览过的帖子标题改变颜色

    文件末尾添加上以下代码:

    a:

    visited{text-decoration:

    none;color:

    #555;}

    (#555为颜色代码)

    6,首页最后发表宽度:

    查找以下代码

    .forumlisttd.lastpost{width:

    260px;}

    (调整260px)

    7,鼠标指向导航栏下拉菜单文字背景颜色

    查找以下代码;

    #menuli.hover,#menuli.current{background-color:

    {BGCOLOR};border:

    1pxsolid;border-color:

    {CATBORDER}{CATBORDER}{BGCOLOR};}

    (删除以上代码或更改background-color:

    {BGCOLOR};{BGCOLOR}改为颜色代码)

    8,版块前面的有无新帖图标

    查找并且删除以下代码

    .forumlistth{padding-left:

    55px!

    important;}

    .forumlisth2em{color:

    {HIGHLIGHTLINK};}

    .forumlisttbodyth{background-image:

    url({IMGDIR}/forum.gif);background-repeat:

    no-repeat;background-position:

    13px50%;}

    .forumlisttbodyth.new{background-image:

    url({IMGDIR}/forum_new.gif);}

    9,版块图标如何居右显示:

    文件末尾加上以下代码

    .forumlistthimg{float:

    right;margin-top:

    8px;}

    10,版块距离如何增高:

    查找;

    padding:

    1px5px;border-bottom:

    1pxsolid{TABLEBG};background-color:

    {ALTBG1};}

    调整padding:

    1px(譬如将1改为10)

    11,添加竖线

    mon文件添加

    .forumlisttd{border-left:

    1pxsolid{BGBORDER}}

    12,菜单栏下拉界面改为一列显示:

    查找:

    .headermenu_popupli{float:

    left;width:

    7em;line-height:

    24px;height:

    24px;overflow:

    hidden;border-bottom:

    1pxsolid{COMMONBOXBORDER};}

    去掉红色内容

    13,去掉登录后名字左边的小图标:

    查找并删除

    background:

    url(../../images/avatars/avataronline.gif)no-repeat10px40%;

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

    主题列表页

    1,子版块横排添加版块图标:

    /forumdisplay_subforum.htm

    查找:

    后面加:

    fid=$$sub[fid]">{$sub[icon]}

    1,帖子在新窗口打开:

    forumdisplay.htm

    查找:

    extra=$extra"$thread[highlight]>$thread[subject]

    改为:

    extra=$extra"$thread[highlight]target="_blank">$thread[subject]

    3,主题列表字体大小及颜色

    forumdisplay.htm

    查找:

    extra=$extra"$thread[highlight]>$thread[subject]

    将$thre

    展开阅读全文
    相关资源
    猜你喜欢
    相关搜索

    当前位置:首页 > 求职职场 > 简历

    copyright@ 2008-2022 冰豆网网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1