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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 我想增加导航条高度,请高手帮忙

[复制链接]
myfly99 发表于 2013-10-12 11:25:57 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X3
浏览器: 其他(帖子中请注明浏览器) 
使用模板: 官方模板
BUG地址: https://discuz.dismall.com
https://discuz.dismall.com/thread-3465387-1-1.html

这是我发在素材区的求助帖,发完了才注意这里还有个求助区,特来求助!!
mingkong 发表于 2013-10-12 11:31:36 | 显示全部楼层
本帖最后由 mingkong 于 2013-10-12 11:33 编辑

不建议直接修改默认风格包

默认风格起到完整功能和调试作用,尽可能后台新建立风格包单独修改

如果是新手,这样的修改不是一件简单的事情。提供以下思路,请自行解决。默认模板只能修改 template\default\common\common.css 这个文件,查找这一段代码
  1. #nv { overflow: hidden; height: 33px; {MENUBGCODE}; }
  2.                                 #nv li { float: left; padding-right: 1px; height: 33px; line-height: 33px; background: url({IMGDIR}/nv_a.png) no-repeat 100% 0; font-weight: 700; font-size: 14px; }
  3.                                         .ie_all #nv li { line-height: 36px; }
  4.                                         .ie6 #nv li { line-height: 33px; }
  5.                                         #nv li a { float: left; padding: 0 15px; height: 33px; }
  6.                                                 #nv li a { color: {MENUTEXT}; }
  7.                                                 #nv li span { display: none; }
  8.                                         #nv li.a { margin-left: -1px; {MENUHOVERBGCODE}; }
  9.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
  10.                                                 #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
  11.                                                 #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }
复制代码
33px是默认高度,一般修改为40px或者你要的高度, -66px -99px 也要修改为你的导航高度的两倍及三倍
图片包路径:static\image\common,至少,要对应你的需求修改两个图片,nv.png、nv_a.png


回复

使用道具 举报

 楼主| myfly99 发表于 2013-10-12 12:25:58 | 显示全部楼层
本帖最后由 myfly99 于 2013-10-12 12:30 编辑



有更简单一点的办法吗?
回复

使用道具 举报

 楼主| myfly99 发表于 2013-10-12 12:30:36 | 显示全部楼层
mingkong 发表于 2013-10-12 11:31
不建议直接修改默认风格包

默认风格起到完整功能和调试作用,尽可能后台新建立风格包单独修改

谢谢啊,改完了代码,还要修改图片吗?
回复

使用道具 举报

mingkong 发表于 2013-10-12 12:35:32 | 显示全部楼层
myfly99 发表于 2013-10-12 12:25
有更简单一点的办法吗?

简单方法就是后台应用中心找免费模板,改完样式表,还需要修改图片才能跟你得样例一样形式
回复

使用道具 举报

 楼主| myfly99 发表于 2013-10-12 12:36:49 | 显示全部楼层
mingkong 发表于 2013-10-12 12:35
简单方法就是后台应用中心找免费模板,改完样式表,还需要修改图片才能跟你得样例一样形式

谢谢了,我用的3.1,免费的少!!
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 13:29 , Processed in 0.023707 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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