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

 找回密码
 立即注册
搜索

Discuz顶部菜单栏的修改方法(教程)

[复制链接]
sonocc 发表于 2007-5-21 05:13:17 | 显示全部楼层 |阅读模式
请尊重本人的劳动成果,要转载请写明
  1. 转自[url]https://discuz.dismall.com[/url] 作者:SONOCC
复制代码


***********************************************
尚有本人写的另一篇教程,欢迎指教:

《默认风格顶部、尾部蓝条和顶部菜单栏等修改教程》

***********************************************

以默认风格为例。
一、修改颜色
menu.jpg

1、进入Dz后台:论坛管理->界面风格->默认风格的详情->{HEADERMENUTEXT}->修改需要的颜色;

2、在所在风格模版目录下修改css.htm文件:
I、5.0版本:在css中找
  1. #menu, #menu a {
  2. color: {HEADERMENUTEXT};
  3. padding-top: 7px !important;
  4. padding-top: 6px;
  5. }
复制代码
修改color: {HEADERMENUTEXT};中的{HEADERMENUTEXT},如#154BA0;

II、5.50版本:在css中找
  1. .menu div, .menu div a {
  2. color: {HEADERMENUTEXT};
  3. padding-top: 7px !important;
  4. padding-top: 6px;
  5. }
复制代码
修改color: {HEADERMENUTEXT};中的{HEADERMENUTEXT},如#154BA0;

注意:上述两个方法中的后台修改,一定要明确在css中的指定的变量名和后台要对应。在css中修改指定或直接输入值,则后台原指定值不能在该处显示
3、只修改菜单中某一个菜单的颜色,如将“短消息”改为白色:
在所在风格模版目录下的header.htm内找
  1. <a href="pm.php" target="_blank>{lang pm}</a>
复制代码
改为
  1. <a href="pm.php" target="_blank"style="color: white">{lang pm}</a>
复制代码
同理要修改“我的”为红色,则找
  1. <a href="my.php">{lang my}</a>
复制代码
改为
  1. <a href="my.php" style="color: red">{lang my}</a>
复制代码
二、想让菜单位置由右边变为居中方法:
menu-centet.jpg
在所在风格模版目录下找css.htm文件
  1. .menu div {
  2. text-align: right;
  3. }
复制代码
改为
  1. .menu div {
  2. text-align: center;
  3. }
复制代码


三、修改菜单栏背景色、高度方法:
在所在风格模版目录下找css.htm文件
  1. .menu {
  2. {HEADERMENUBGCODE};
  3. height: 30px;
  4. margin-top: 6px;
  5. }
复制代码


{HEADERMENUBGCODE};是颜色
height: 30px;是高度

上述未注明为5.0的均只适用于5.5.0版本

[ 本帖最后由 sonocc 于 2007-5-23 15:38 编辑 ]

评分

1

查看全部评分

回复

使用道具 举报

 楼主| sonocc 发表于 2007-5-21 05:14:01 | 显示全部楼层
四、宽度
在css.htm中找
  1. .mainheader {
  2.         background-color: {ALTBG1};
  3.         padding: 6px 0px;
  4.         }
复制代码


改为
  1. mainheader {
  2.         background-color: {ALTBG1};
  3.         padding: 6px 0px;
  4.         width: 96%;
  5.         }
复制代码


其中  width: 96%;自己调了

[ 本帖最后由 sonocc 于 2007-7-12 14:27 编辑 ]
回复

使用道具 举报

红拂夜奔 发表于 2007-5-21 05:50:38 | 显示全部楼层
感谢.

演示:
疯狂树:http://www.veryshow.net
龙玄周易网http://www.zhouyi99.cn

[ 本帖最后由 红拂夜奔 于 2008-6-22 08:41 编辑 ]
回复

使用道具 举报

红拂夜奔 发表于 2007-5-21 05:57:51 | 显示全部楼层
请教老大.


要将论坛这个底色变成别的颜色修改哪个地方?
bbs底色修改图.GIF
回复

使用道具 举报

红拂夜奔 发表于 2007-5-21 05:59:20 | 显示全部楼层
另外我的模版顶部广告及下方的信息备案都不显示,
如何修改代码文件?
回复

使用道具 举报

掠图大盗 发表于 2007-5-21 06:02:22 | 显示全部楼层
后台好像有控制的地方!
回复

使用道具 举报

 楼主| sonocc 发表于 2007-5-21 06:44:51 | 显示全部楼层
原帖由 红拂夜奔 于 2007-5-21 05:57 发表
请教老大.


要将论坛这个底色变成别的颜色修改哪个地方?


在进入Dz后台:论坛管理->界面风格->该风格的详情->页面背景 {BGCOLOR},{BGCODE}:

但如果是在header.htm中使用bg图则是另外一回事,你那个好像是背景图啊!!


另外我的模版顶部广告及下方的信息备案都不显示,
如何修改代码文件?


在footer.htm中修改,可以参照别人做好的。

[ 本帖最后由 sonocc 于 2007-5-21 06:48 编辑 ]
回复

使用道具 举报

红拂夜奔 发表于 2007-5-21 06:51:51 | 显示全部楼层
谢谢:) :) :)
回复

使用道具 举报

360度空间 发表于 2007-5-22 17:57:58 | 显示全部楼层
帮顶顶!!!!!!!
回复

使用道具 举报

daxiang800 发表于 2007-5-22 22:24:39 | 显示全部楼层
顶部修改,记住了
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-11-28 08:48 , Processed in 0.119696 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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