Discuz顶部菜单栏的修改方法（教程）

sonocc

请尊重本人的劳动成果，要转载请写明

1. 转自[url]http://www.discuz.net[/url] 作者：SONOCC

复制代码

***********************************************
尚有本人写的另一篇教程，欢迎指教：

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

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

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

2007-5-21 06:32

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>

复制代码

二、想让菜单位置由右边变为居中方法：

2007-5-21 06:32

在所在风格模版目录下找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 编辑 ]

sonocc

四、宽度
在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 编辑 ]

红拂夜奔

感谢.

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

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

红拂夜奔

请教老大.


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

红拂夜奔

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

掠图大盗

后台好像有控制的地方！

sonocc

原帖由 红拂夜奔 于 2007-5-21 05:57 发表
请教老大.


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

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

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

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

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

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

红拂夜奔

谢谢

daxiang800

顶部修改，记住了