Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

DZ6.1相关颜色修改方法汇总教程之一:导航菜单颜色和尾部颜色详解!

[复制链接]
sonocc 发表于 2008-7-5 22:49:27 | 显示全部楼层 |阅读模式




===========================================
教程目录
一楼:
一、关于论坛中某些字的颜色简单调整方法
二、关于贴内个人信息颜色调整
二楼:

三、修改导航栏用户名字的颜色
四、版主两字及名字颜色
五、附件颜色修改
六、贴内个人信息和内容区背景颜色


三楼:
尾部Footer颜色详解

四楼:
导航条菜单颜色详解

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


      常看到大家提出关于局部修改字的颜色或背景颜色,我感觉还是做一个汇总贴,将大家比较集中关心的问题汇总并给出方法,力争经常更新了!

一、关于论坛中某些字的颜色简单调整方法:
     在论坛中显示汉字代码常常通过默认模板文件夹下templates.lang.php文件调用获得。在DZ代码中往往以{lang XXXXXXXX}形式表示,XXXXXXXX可以在templates.lang.php中查到对应的汉字,如{lang forum_moderators} ,查templates.lang.php文件得'forum_moderators' => '版主',现在想将“版主”两字颜色显示为红色,则可以修改'forum_moderators' => '版主'为'forum_moderators' =>'<font style="color:red"> 版主</font>' 或为'forum_moderators' =>‘<font style="color:#ff0000"> 版主</font> ’ 。以此类推,以这种方式可以修改很多汉字显示问题!只要是css中能表达的,在此均能实现,如加粗(font-weight: bold)、下划线(text-decoration: underline)等,每个之间用“;”分隔。
    注意:templates.lang.php中汉字有的相同的有好几个,用处不一样,到底哪个是你需要修改的呢,应该以相应英文代码为准,就是lang后面的英文。

二、关于贴内个人信息颜色调整
    在我的论坛上做了加粗和颜色演示。地址:www.asocc.cn
    在5.5的时候是可以在viewthread.htm中调整的,6.0之后就不能这样子做了,而是通过函数调用获得!现介绍rym1020的方法。原文见[原创]贴内个人信息颜色修改
经过使用此法适用于DZ6.1。
具体是在include\cache.func.php找
  1. if(is_array($data['customauthorinfo'])) {
  2.     foreach($data['customauthorinfo'] as $key => $value) {
  3.      if(array_key_exists($key, $authorinfoitems)) {
  4.       if(substr($key, 0, 10) == 'extcredits') {
  5.        $v = addcslashes('<dt>'.$authorinfoitems[$key][0].'</dt><dd>'.$authorinfoitems[$key][1].' </dd>', '"');
  6.       } elseif(substr($key, 0, 6) == 'field_') {
  7.        $v = addcslashes('<dt>'.$authorinfoitems[$key][0].'</dt><dd>'.$authorinfoitems[$key][1].' </dd>', '"');
  8.       } elseif($key == 'gender') {
  9.        $v = '".('.$authorinfoitems['gender'].' == 1 ? "'.addcslashes('<dt>'.$language['authorinfoitems_'.$key].'</dt><dd>'.$language['authorinfoitems_gender_male'].' </dd>', '"').'" : ('.$authorinfoitems['gender'].' == 2 ? "'.addcslashes('<dt>'.$language['authorinfoitems_'.$key].'</dt><dd>'.$language['authorinfoitems_gender_female'].' </dd>', '"').'" : ""))."';
  10.       } elseif($key == 'location') {
  11.        $v = '".('.$authorinfoitems[$key].' ? "'.addcslashes('<dt>'.$language['authorinfoitems_'.$key].'</dt><dd>'.$authorinfoitems[$key].' </dd>', '"').'" : "")."';
  12.       } else {
  13.        $v = addcslashes('<dt>'.$language['authorinfoitems_'.$key].'</dt><dd>'.$authorinfoitems[$key].' </dd>', '"');
  14.       }
  15.       if(isset($value['left'])) {
  16.        $customauthorinfo[1][] = $v;
  17.       }
  18.       if(isset($value['menu'])) {
  19.        $customauthorinfo[2][] = $v;
  20.       }
  21.       if(isset($value['special'])) {
  22.        $customauthorinfo[3][] = $v;
  23.       }
  24.      }
  25.     }
  26.    }
复制代码
改为
  1. $dispformat = array(
  2.     'uid'  => '<dt style="color:blue">$name</dt><dd style="color:blue">$value</dd>',
  3.     'posts'  => '<dt>$name</dt><dd>$value</dd>',
  4.     'digest' => '<dt>$name</dt><dd>$value</dd>',
  5.     'credits' => '<dt style="color:red">$name</dt><dd style="color:red">$value</dd>',
  6.     'extcredits1' => '<dt>$name</dt><dd>$value</dd>',
  7.     'extcredits2' => '<dt>$name</dt><dd>$value</dd>',
  8.     'extcredits3' => '<dt>$name</dt><dd>$value</dd>',
  9.     'extcredits4' => '<dt>$name</dt><dd>$value</dd>',
  10.     'extcredits5' => '<dt>$name</dt><dd>$value</dd>',
  11.     'extcredits6' => '<dt style="color:red">$name</dt><dd style="color:red">$value</dd>',
  12.     'extcredits7' => '<dt>$name</dt><dd>$value</dd>',
  13.     'extcredits8' => '<dt>$name</dt><dd>$value</dd>',
  14.     'readperm' => '<dt>$name</dt><dd>$value</dd>',
  15.     'field_1' => '".("$value"?"<dt>$name</dt><dd>$value</dd>":"")."',
  16.     'field_2' => '".("$value"?"<dt>$name</dt><dd>$value</dd>":"")."',
  17.     'field_3' => '".("$value"?"<dt>$name</dt><dd>$value</dd>":"")."',
  18.     'gender' => '<dt>$name</dt><dd>$value</dd>',
  19.     'location' => '".("$value"?"<dt>$name</dt><dd>$value</dd>":"")."',
  20.     'oltime' => '<dt>$name</dt><dd>$value</dd>',
  21.     'regtime' => '<dt>$name</dt><dd>$value</dd>',
  22.     'lastdate' => '<dt>$name</dt><dd>$value</dd>',
  23.    );
  24.    foreach($dispformat as $key => $format) {
  25.     if(array_key_exists($key, $authorinfoitems)) {
  26.      if(substr($key, 0, 10) == 'extcredits'||substr($key, 0, 6) == 'field_') {
  27.       $name = $authorinfoitems[$key][0];
  28.       $value = $authorinfoitems[$key][1];
  29.      } elseif($key == 'gender') {
  30.       $name = addslashes($language['authorinfoitems_'.$key]);
  31.       $value = '".('.$authorinfoitems['gender'].' == 1 ? "'.addslashes($language['authorinfoitems_gender_male']).'" : ('.$authorinfoitems['gender'].' == 2 ? "'.addslashes($language['authorinfoitems_gender_female']).'" : "'.addslashes($language['secret']).'"))."';
  32.      } elseif($key == 'location') {
  33.       $name = addslashes($language['authorinfoitems_'.$key]);
  34.       $value = $authorinfoitems[$key];
  35.      } else {
  36.       $name = addslashes($language['authorinfoitems_'.$key]);
  37.       $value = addslashes($authorinfoitems[$key]);
  38.      }
  39.      eval('\$v = "'.addslashes($format).'";');
  40.      if(isset($data['customauthorinfo'][$key]['left'])) $customauthorinfo[1][] = $v;
  41.      if(isset($data['customauthorinfo'][$key]['menu'])) $customauthorinfo[2][] = $v;
  42.      if(isset($data['customauthorinfo'][$key]['special'])) $customauthorinfo[3][] = $v;
  43.     }
  44.    }
复制代码


补充:经yyyooo提出,精华右边的数字是链接属性,为此上面之法不能凑效,为此补充单独修改一法:在css_append.htm尾部增加
  1. .postauthor dl.profile a{ color:#f00; }
复制代码


说明一下:
1、代码表达含义:

'uid' => UID
'posts' => 帖子
'digest' =>  精华
'credits' =>  积分'
'extcredits1'- 'extcredits8' 看你后台如何定义的了,如威望等
'readperm' => 阅读权限
'field_1' - 'field_3' =>为用户扩展资料项,不一定有啊
'gender' =>  性别
'location' =>来自哪儿
'oltime' =>  在线时间
'regtime' => 注册时间
'lastdate' => 上次登录时间

2、举例:如在后台设置威望是第一个扩展积分,则修改
'extcredits1' => '<dt>$name</dt><dd>$value</dd>',
要改威望二字的颜色,则把风格代码加在dt后面,如果改威望数字颜色,则加在dd后面。
例如“威望”是红色,数字是蓝色。则为:
'extcredits1' => '<dt style=\"color:red\">$name</dt><dd style=\"color:blue\">$value</dd>', 也可以用#ff0000和#0000ff

3、扩展使用将字、数字可以加粗(font-weight:bold)、变斜(font-style:italic)、加大(font-size:16px)等操作。
例如“威望”是红色、加粗,数字是蓝色、变斜、16px字号。则为:
'extcredits1' => '<dt style=\"color:red;font-weight:bold\">$name</dt><dd style=\"color:blue;font-style:italic;font-size:16px\">$value</dd>'


[ 本帖最后由 sonocc 于 2008-10-7 06:45 编辑 ]

评分

4

查看全部评分

 楼主| sonocc 发表于 2008-7-5 22:49:59 | 显示全部楼层
三、修改导航栏用户名字的颜色
在header.htm找
  1. <cite ><a class="dropmenu" id="viewpro" onmouseover="showMenu(this.id)" >$discuz_userss</a></cite>
复制代码
改为
  1. <cite ><a style="color:#00f"class="dropmenu" id="viewpro" onmouseover="showMenu(this.id)" >$discuz_userss</a></cite>
复制代码
内中#00f自己改了!

四、版主两字及名字颜色
1、“版主”两字颜色
(1)1楼介绍之法详解:
在templates.lang.php文件中版主显示代码有'forum_moderators' => '版主'、'moderator' => '版主',和'forum_modedby' => '版主',三组,哪组是我们要的呢,通过discuz.htm中查找得知'forum_moderators' => '版主'是我们要修改的。
a、只改颜色,将
  1. 'forum_moderators' => '版主',
复制代码
改为
  1. 'forum_moderators' => '<font style="color:#00f;">版主</font>',
复制代码
b、改颜色、加粗,将
  1. 'forum_moderators' => '版主',
复制代码
改为
  1. 'forum_moderators' => '<font
  2. style="color:#00f;font-weight: bold;">版主</font>',
复制代码

(2)在discuz.htm中改
在discuz.htm文件中找
  1. <p
  2. class="moderators">{lang forum_moderators}:
  3. $forum[moderators]</p><!--{else}--><span class="dropmenu"
  4. id="mod$forum[fid]" onmouseover="showMenu(this.id)">{lang
  5. forum_moderators}</span>
复制代码
a、普通显示版主红色时改为
  1. class="moderators" style="color:#F00">{lang forum_moderators}:
  2. $forum[moderators]</p><!--{else}--><span class="dropmenu"
  3. id="mod$forum[fid]" onmouseover="showMenu(this.id)">{lang
  4. forum_moderators}</span>
复制代码
b、下拉显示红色时改为
  1. <p
  2. class="moderators">{lang forum_moderators}:
  3. $forum[moderators]</p><!--{else}--><span class="dropmenu" style="color:#F00"
  4. id="mod$forum[fid]" onmouseover="showMenu(this.id)">{lang
  5. forum_moderators}</span>
复制代码
c、版主显示加粗。将<p>..</p>里面增加<b>.....</b>

2、版主的名字颜色
办法有两个:
(1)、修改后台的{HIGHLIGHTLINK}颜色,不过高亮属性还定义给了其他地方,那样那些也都改动了!
(2)、只改版主名字,在css_common.htm中找
  1. .moderators a { color: {HIGHLIGHTLINK}; }
复制代码
。将{HIGHLIGHTLINK}修改了,如红色#ff0000。

五、附件颜色修改
1、附件上传没有插入到指定位置时
      

(1)显示的“附件”两字颜色
在css_common.htm中找
  1. .postattachlist h4, .tradethumblist h4, .pollpanel h4, .specialthread_4 h4, .typeoption h4 { border-top:
  2. 1px solid {BGBORDER}; }
复制代码
改为
  1. .postattachlist h4, .tradethumblist h4, .pollpanel h4, .specialthread_4 h4, .typeoption h4 { border-top: 1px solid {BGBORDER}; color:blue;}
复制代码
这儿新增的color:blue即是颜色设置。

(2)附件名颜色
由于采用默认设置,这儿是由后台{LINK}控制,如果要单独调整,则
在css文件上,如css_viewthread.htm增加
  1. .postattachlist a{color:red;}
复制代码


2、附件上传采用插入到指定位置时
      
该方法只显示附件名,不显示附件两字。那该处附件名颜色后台控制是通过{HIGHLIGHTLINK}获得,如果要单独调整,则
在css_viewthread.htm中找
  1. .t_msgfont a, .t_smallfont a, .t_bigfont a { color: {HIGHLIGHTLINK}; }
复制代码
; }
直接修改掉{HIGHLIGHTLINK};

六、贴内个人信息和内容区背景颜色



1、贴内个人信息区颜色
原设置后台是和{ALTBG2}关联,如要单独调整这儿的背景颜色,则
在css_viewthread.htm中找
  1. .mainbox td.postauthor { width: 180px; background:{ALTBG2}; padding: 5px; overflow: hidden; }
复制代码
修改background:{ALTBG2}为background:#ffffff

2、内容区背景颜色
原设置后台是和{TABLEBG}关联,如要单独调整这儿的背景颜色,则
在css_viewthread.htm中找
  1. .viewthread td.postcontent, .viewthread td.postauthor { vertical-align: top; padding: 0 1px; border-left:1px solid {BGBORDER} ;
  2. overflow: hidden; background: {TABLEBG}; }
复制代码
修改background: {TABLEBG}为background: red


注意:border-left:1px solid {BGBORDER} ;这句是我增加的,就是增加和个人信息之间的一条竖线!

[ 本帖最后由 sonocc 于 2008-9-3 23:55 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

回复

使用道具 举报

 楼主| sonocc 发表于 2008-7-5 22:50:22 | 显示全部楼层
尾部Footer颜色详解

一、总论
尾部共有左右、两行四部分组成,我给其划分为四个区,见下图示!


   尾部区块是由#footer控制,其主导着尾部的宽度、表线、背景等。在默认模板情况下其css_common.htm中代码为
  1. #footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; }

复制代码


1、尾部背景颜色
background: {ALTBG2}; 就是定义了其背景颜色!{ALTBG2}后台修改颜色,这儿就会有反应,如将{ALTBG2}改为#FF0000,直接修改为红色背景了!

2、尾部由背景图定义背景
如有一个背景图foot_bg.jpg,放在该风格的images目录下,则要删除background: {ALTBG2}; 其修改后的代码为
  1. #footer { width: 1012px;border-top: 1px solid {BORDERCOLOR}; background-image: url({IMGDIR}/foot_bg.jpg); background-repeat: repeat-x;color: {TEXT}; padding: 12px 0; }
复制代码


3、color: {TEXT}定义了那些字段颜色?
这个代码是定义footer区的一般字段的颜色。调整后台的{TEXT}或直接改color: #0000FF就可以一起控制下面的字段的颜色:
(1)A区的Powered by、&copy; 2001-2008
(2)C区的整个区如(当前时区 GMT+8, 现在时间是 2008-7-23 00:49)
(3)D区的 每个“-”(就是分隔线啊)、 TOP和 界面风格

二、A区:左上第一行各个字段颜色详解
这个区共有“Powered by”、“ &copy; 2001-2008”、“  Discuz!”、“ 6.1.0”和“Comsenz Inc.”五个字段显示。
1、 “  Discuz!”的颜色控制。
在css_common.htm中找
  1. #copyright strong a { color: #0954A6; }
复制代码


修改#0954A6为你喜欢的!

2、“ 6.1.0”的颜色控制。
在css_common.htm中找
  1. #copyright em { color: #FF9D25; }
复制代码


修改#FF9D25为你喜欢的!

3、“Comsenz Inc.”的颜色控制。
在此没有专门定义,是采用的通用定义a { color: {LINK}; text-decoration: none; },因此,{LINK}在后台调整颜色,这儿是会有变化的。如何做到单独控制这儿的颜色?那需要在css_common.htm中单独加一段代码
  1. #copyright a { color: #00f; }
复制代码

在color: #00f中进行你需要的调整。

虽然另外两个字段已经在#footer中color: {TEXT}; 定义,但如果你要单独调整,将如何做呢?请看下面详解
4、“Powered by”的单独调整
在css_common.htm中找
  1. #copyright, #debuginfo { font: {SMFONTSIZE}/1.5em {SMFONT}; }
复制代码


改为
  1. #copyright, #debuginfo { font: {SMFONTSIZE}/1.5em {SMFONT}; color:#000;}
复制代码


其中color:#000就是你要修改的颜色代码!

5、“ &copy; 2001-2008”的单独修改
在footer.htm中找
  1. &copy; 2001-2008
复制代码

改为
  1. <font color=green>&copy; 2001-2008 </font>
复制代码

其中color=green就是你要修改的颜色

三、B区:左下第二行字段颜色详解
       这个字段大概显示如下:“Processed in 0.110131 second(s), 5 queries, Gzip enabled.”,虽然很长,但只是一段字符窜,其颜色控制是在css_common.htm中找
  1. #debuginfo { color: {LIGHTTEXT}; }
复制代码

在后台调整{LIGHTTEXT}颜色,这儿会有变化的。
        要单独调整这儿字的颜色,就很简单了啊!只要将color: {LIGHTTEXT}中的{LIGHTTEXT}改为#00000ff等你需要的颜色即可!

四、C区右上第一行字段颜色详解
        这个区就是显示时区和时间,大概显示如下:“当前时区 GMT+8, 现在时间是 2008-7-23 06:11”。其字颜色的通常控制已在{TEXT}定义。如要单独控制和调整,在css_common.htm中找
  1. #footlinks { float: right; margin-top: -3px; text-align: right;}
复制代码

改为
  1. #footlinks { float: right; margin-top: -3px; text-align: right;color:red }
复制代码
其中新增的代码color:red 就是调整其字的颜色!

注意:在这儿新增加了代码color:red ,D区的 每个“-”(就是分隔线啊)、 TOP和 界面风格显示的字颜色也被控制!



五、D区右下第二行字段颜色详解
          这个区共有“清除 Cookies”、“ 联系我们”、“指定网站”、“ Archiver”、“ WAP”、“ TOP”、“ 界面风格”和每个“-”(就是分隔线啊)字段。
1、“清除 Cookies”、“ 联系我们”、“指定网站”、“ Archiver”、“ WAP”的通用颜色定义。
a、在此没有专门定义,是采用的通用定义a { color: {LINK}; text-decoration: none; },因此,{LINK}在后台调整颜色,这儿是会有变化的。
b、如何做到控制这五个字段的颜色?那需要在css_common.htm中单独加一段代码
  1. #footlinks a{color:green }
复制代码

其中color:green 就是定义的颜色。

2、对“清除 Cookies”、“ 联系我们”、“指定网站”、“ Archiver”、“ WAP”、“ TOP”分别进行个性化颜色设置。

a、“清除 Cookies”的颜色直接设置。在footer.htm中找
  1. <a href="member.php?
  2. action=clearcookies&formhash={FORMHASH}">{lang clear_cookies}
  3. </a>
复制代码
改为
  1. <a href="member.php?
  2. action=clearcookies&formhash={FORMHASH}" style="color:#FF0000;">{lang clear_cookies}
  3. </a>
复制代码

其中color:#FF0000就是定义其字的颜色。下同;

b、“ 联系我们”的颜色直接设置。在footer.htm中找
  1. <a href="mailtoadminemail">
  2. {lang contactus}</a>
复制代码

改为
  1. <a href="mailtoadminemail"  style="color:#FF0000;">
  2. {lang contactus}</a>
复制代码


c、“指定网站”的颜色直接设置。在footer.htm中找
  1. <a href="$siteurl"
  2. target="_blank">$sitename</a>
复制代码

改为
  1. <a href="$siteurl" target="_blank" style="color:#FF0000;">$sitename</a>
复制代码


d、“ Archiver”的颜色直接设置。在footer.htm中找
  1. <a href="archiver/" target="_blank">Archiver</a>
复制代码

改为
  1. <a href="archiver/" target="_blank" style="color:#FF0000;">Archiver</a>
复制代码


e、 “WAP”的颜色直接设置。在footer.htm中找
  1. <a href="wap/" target="_blank">WAP</a>
复制代码

改为
  1. <a href="wap/" target="_blank" style="color:#FF0000;">WAP</a>
复制代码


f、“ TOP”的颜色直接设置。在css_common.htm中找
  1. .scrolltop { cursor: pointer; }
复制代码

改为
  1. .scrolltop { cursor: pointer;color:blue ;}
复制代码

这儿color:blue 就是颜色定义了!

3、 “界面风格”颜色的个性化设置
a、 “界面风格”的颜色直接设置。在footer.htm找
  1. <span id="styleswitcher" class="dropmenu" onmouseover="showMenu
  2. (this.id)">{lang style}</span>
复制代码
改为
  1. <span id="styleswitcher" class="dropmenu" onmouseover="showMenu
  2. (this.id)"style="color:#000;">{lang style}</span>
复制代码

这儿color:#000就是颜色定义了啊!

b、风格下拉菜单背景及其被选和备选风格名称的颜色



I、风格背景:在css_common.htm中找
  1. #styleswitcher_menu {}
复制代码
改为
  1. #styleswitcher_menu {background:#FFFFFF;}
复制代码

这儿:#FFFFFF就是设置背景颜色

II、被选中的风格颜色(上图中的红金龙):
css_common.htm中找
  1. #styleswitcher_menu ul li.current a { color: {TEXT}; }
复制代码
修改后台的 {TEXT}颜色或直接修改color: #00f等。

III、备选风格颜色(上图中的默认和奥运风格):
在后台“内表格中超级链接文字颜色 {LINK}:”中修改!


=====尾部颜色详解应该是够详细了吧!希望能对大家有帮助!!======












[ 本帖最后由 sonocc 于 2008-7-23 08:47 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

 楼主| sonocc 发表于 2008-7-5 22:50:54 | 显示全部楼层
导航条菜单各处颜色详解

一、导航条菜单栏背景颜色:
     该颜色是在后台配色。在后台界面风格->风格详情->顶部菜单栏背景 {HEADERMENU},{HEADERMENUBGCODE}修改。见下图:
      
       一般是调用放于该风格images的图颜色文件,如默认风格是调用放于images/default中的menu_bg.gif文件(尺寸30X30),如果想换一个颜色,则自己找一个图替换原menu_bg.gif文件即可(高度要控制好大小)。
       #FFF menu_bg.gif表达的是存在menu_bg.gif这个文件,则调用,没有这个文件,则颜色采用#FFF白色。
        

二、导航条左侧位置“用户名、登录/退出、平板模式/分栏模式”颜色:
        
1、“用户名、登录/退出、平板模式/分栏模式”颜色后台修改:这三处颜色在后台界面风格->风格详情->“内表格中超级链接文字颜色 {LINK}”修改。见下图:
         
2、“用户名、登录/退出”单独修改
I、css方法修改:
在css_append.htm或css_common.htm尾部增加如下代码:
  1. .avataonline a,.avataonline cite a{color:#FFF;}
复制代码

II、在header.htm
  1. <!--{if $discuz_uid}-->
  2. <cite><a class="dropmenu" id="viewpro" onmouseover="showMenu(this.id)">$discuz_userss</a></cite>
  3. <a href="$link_logout">{lang logout}</a>
  4. <!--{elseif !empty($_DCOOKIE['loginuser'])}-->
  5. <cite><a id="loginuser" class="dropmenu">$_DCOOKIE['loginuser']</a></cite>
  6. <a href="$link_login">{lang activation}</a>
  7. <a href="$link_logout">{lang logout}</a>
  8. <!--{else}-->
  9. <a href="$link_register">$reglinkname</a>
  10. <a href="$link_login">{lang login}</a>
  11. <!--{/if}-->
复制代码
修改为:



  1. <!--{if $discuz_uid}-->
  2.     <cite ><a style="color:#fff"class="dropmenu" id="viewpro" onmouseover="showMenu(this.id)" >$discuz_userss</a></cite>
  3.     <a style="color:#fff" href="$link_logout">{lang logout}</a>
  4.    <!--{elseif !empty($_DCOOKIE['loginuser'])}-->
  5.     <cite><a style="color:#fff" id="loginuser" class="dropmenu">$_DCOOKIE['loginuser']</a></cite>
  6.     <a style="color:#fff" href="$link_login">{lang activation}</a>
  7.     <a style="color:#fff" href="$link_logout">{lang logout}</a>
  8.    <!--{else}-->
  9.     <a style="color:#fff"href="$link_register">$reglinkname</a>
  10.     <a style="color:#fff" href="$link_login">{lang login}</a>
  11.    <!--{/if}-->
复制代码


3、“平板模式/分栏模式”单独修改:
I、css方式修改:在css_common.htm中找
  1. #menu a.frameoff, #menu a.frameon {float: left; border: none; padding-left: 16px; margin-left: 0; background: no-repeat 0 50%; }
复制代码
改为
  1. #menu a.frameoff, #menu a.frameon {color:#FFF; float: left; border: none; padding-left: 16px; margin-left: 0; background: no-repeat 0 50%; }
复制代码


II、在header.htm中修改
  1. document.write('<a href="frame.php?frameon=yes" target="_top" class="frameon">{lang frameon_column}<\/a>');
  2. } else {
  3. document.write('<a href="frame.php?frameon=no" target="_top" class="frameoff">{lang frameon_flat}<\/a>');
复制代码

改为
  1. document.write('<a style="color:#fff"href="frame.php?frameon=yes" target="_top" class="frameon">{lang frameon_column}<\/a>');
  2. } else {
  3. document.write('<a style="color:#fff"href="frame.php?frameon=no" target="_top" class="frameoff">{lang frameon_flat}<\/a>');
  4. }
复制代码




三、导航右侧从“短消息”至“帮助”颜色:

         

1、通用颜色定义控制:

在后台界面风格->风格详情->顶部菜单栏文字颜色 {HEADERMENUTEXT}调整颜色。

         
2、css中修改:
在css_common.htm中找
  1. #menu li a { text-decoration: none; display: block; color: {HEADERMENUTEXT}; padding: 4px 8px 3px; background: url({IMGDIR}/menu_itemline.gif) no-repeat 0 6px;}
复制代码

修改color: {HEADERMENUTEXT}

3、单独个别修改:
采用一楼介绍的修改templates.lang.php方法和在header.htm修改方法!
I、“短消息”
A、修改templates.lang.php方法:找
  1. 'pm' => '短消息',
复制代码
改为
  1. 'pm' => '<font style="color:#FF0000">短消息</font>',
复制代码


B、header.htm中修改:找
  1. <a href="###" class="notabs" id="pmnotice" onclick="pmwin('open')" >
复制代码
改为
  1. <a href="###" class="notabs" id="pmnotice" onclick="pmwin('open')" style="color:#00f;">
复制代码


C、有PM时显示“您有新短消息”颜色。在templates.lang.php找
  1. 'pm_new' => '<font style="color:#FF0000">您有新短消息</font>',
复制代码
修改:#FF0000


II、“会员”
A、修改templates.lang.php方法:找
  1. 'memberlist' => '会员',
复制代码
改为
  1. 'memberlist' => '<font style="color:#FF0000">会员</font>',
复制代码

B、header.htm中修改:找
  1. <a href="member.php?action=list">
复制代码
改为
  1. <a href="member.php?action=list"style="color:#00f;">
复制代码


III、“搜索”
A、修改templates.lang.php方法:找
  1. 'search' => '搜索',
复制代码
  1. 'search' => '<font style="color:#FF0000">搜索</font>',
复制代码

B、header.htm中修改:找
  1. <a href="search.php{if !empty($fid)}?srchfid=$fid{/if}">
复制代码
  1. <a href="search.php{if !empty($fid)}?srchfid=$fid{/if}" style="color:#00f;">
复制代码


IV、“标签”
A、修改templates.lang.php方法:找
  1. 'tag' => '标签',
复制代码
  1. 'tag' => '<font style="color:#FF0000">标签</font>',
复制代码

B、header.htm中修改:找
  1. <a href="tag.php">
复制代码
  1. <a href="tag.php" style="color:#00f;">
复制代码


V、“我的”
A、修改templates.lang.php方法:找
  1. 'my' => '我的',
复制代码
  1. 'my' => '<font style="color:#FF0000">我的</font>',
复制代码

B、header.htm中修改:找
  1. <a href="my.php">
复制代码
  1. <a href="my.php" style="color:#00f;" >
复制代码

如果后台关闭下拉菜单,则显示“我的话题”和“我的权限”,请参照设置!

VI、“控制面板”
A、修改templates.lang.php方法:找
  1. 'memcp' => '控制面板',
复制代码
  1. 'memcp' => '<font style="color:#FF0000">控制面板</font>',
复制代码

B、header.htm中修改:找两处
  1. <a href="memcp.php">
复制代码
  1. <a href="memcp.php" style="color:#00f;">
复制代码


VII、“邀请注册”
A、修改templates.lang.php方法:找
  1. 'invite' => '邀请注册',
复制代码
  1. 'invite' => '<font style="color:#FF0000">邀请注册</font>',
复制代码

B、header.htm中修改:找
  1. <a href="invite.php">
复制代码
  1. <a href="invite.php" style="color:#00f;" >
复制代码


VIII、“道具”
A、修改templates.lang.php方法:找
  1. 'magics_title' => '道具',
复制代码
  1. 'magics_title' => '<font style="color:#FF0000">道具</font>',
复制代码

B、header.htm中修改:找
  1. <a href="magic.php">
复制代码
  1. <a href="magic.php" style="color:#00f;" >
复制代码


IX、“统计”
A、修改templates.lang.php方法:找
  1. 'statistics' => '统计',
复制代码
  1. 'statistics' => '<font style="color:#FF0000">统计</font>',
复制代码

B、header.htm中修改:两处找
  1. <a href="stats.php">
复制代码
  1. <a href="stats.php" style="color:#00f;" >
复制代码


X、“帮助”
A、修改templates.lang.php方法:找
  1. 'faq' => '帮助',
复制代码
  1. 'faq' => '<font style="color:#FF0000">帮助</font>',
复制代码

B、header.htm中修改:找
  1. <a href="faq.php">
复制代码
  1. <a href="faq.php" style="color:#00f;" >
复制代码


四、“我的”、“控制面板”和“统计”下拉菜单时各颜色

鼠标悬浮时,下拉菜单展开,以“我的”为例图示修改,其他亦同!
                  

1、“我的”背景颜色
在css_common.htm中找
  1. #menu li.hover, #menu li.current { background-color: {BGCOLOR}; border: 1px solid; border-color: {CATBORDER} {CATBORDER} {BGCOLOR}; }
复制代码

修改 background-color: {BGCOLOR};

2、边框线颜色
在css_common.htm找
  1. .popupmenu_popup {
  2. text-align: left; line-height: 1.4em; padding: 10px; overflow:
  3. hidden; border: 1px solid {CATBORDER}; {PORTALBOXBGCODE};
  4. background-repeat: repeat-x; background-position: 0 1px; }
复制代码
修改border: 1px solid {CATBORDER} 中{CATBORDER}


3、背景色
在css_common.htm找
  1. .headermenu_popup li {
  2. float: left; width: 7em; line-height: 24px; height: 24px; overflow:
  3. hidden; border-bottom: 1px solid {COMMONBOXBORDER}; }
复制代码
在其中加一句background:#ff0;


4、底线色
在css_common.htm找
  1. .headermenu_popup li {
  2. float: left; width: 7em; line-height: 24px; height: 24px; overflow:
  3. hidden; border-bottom: 1px solid {COMMONBOXBORDER}; }
复制代码
修改或删除border-bottom: 1px solid {COMMONBOXBORDER};


5、“我的话题”等10个“我的XX”字的颜色
I通用定义是在在后台界面风格->风格详情->“内表格中超级链接文字颜色 {LINK}”修改。
II、在css_append.htm或css_common.htm尾部增加
  1. .headermenu_popup li a{ color:#f00;}
复制代码


    ============导航菜单颜色内容真不少啊,总算写完了================






[ 本帖最后由 sonocc 于 2008-8-15 02:11 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

stno 发表于 2008-7-5 22:56:34 | 显示全部楼层
...
好吧

不知道说什么。。
回复

使用道具 举报

81os 发表于 2008-7-5 23:08:02 | 显示全部楼层
(::24::) (::24::) (::24::)
回复

使用道具 举报

mmmmmm147258369 发表于 2008-7-6 07:03:27 | 显示全部楼层
有時間研究一下 !
回复

使用道具 举报

-{殇尐爺". 发表于 2008-7-6 13:20:48 | 显示全部楼层
很好,希望可以多发一些这样的帖子
回复

使用道具 举报

拳头 发表于 2008-7-6 13:52:21 | 显示全部楼层
辛苦鸟,我懒得搞这些东东了(::24::)
回复

使用道具 举报

 楼主| sonocc 发表于 2008-7-6 17:39:34 | 显示全部楼层
原帖由 拳头 于 2008-7-6 13:52 发表
辛苦鸟,我懒得搞这些东东了(::24::)

呵呵,为大家服务了,省了总是问还总是解答!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-23 04:24 , Processed in 0.044651 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表