建站之星产品帮助

查看: 3442|回复: 6
打印 上一主题 下一主题

V2.6下载版导航颜色修改,求指教

[复制链接]
跳转到指定楼层
1#
发表于 2013-8-6 13:04:53 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
网址:http://woone2013.host032.youdnser.com/问题一:现有导航条颜色为红色,如下图,想改成蓝色,求指教该如何修改。



问题二:现有导航条感觉有点细,高度想加大点,请问如何修改?

css中以下部分代码请问改如何修改:
/*--- 导航 ---*/
#nav { height:35px; line-height:35px; margin:0 auto; width:980px;}
.navigation { padding-left:0px; }
.navigation li { float:left; width:90px; margin-left:10px; padding-right:10px; text-align:center; position:relative; z-index:10; font-size:15px; font-family:'Microsoft yahei'; background:url(../images/nav_bg.gif) no-repeat right;}
.navigation li a, .navigation li a:visited { display: block; text-decoration: none; color: #FFF;}
.navigation li a:hover, .navigation li.hover a { color: #FFF; text-decoration: none; background:#49494b; width:90px; height:35px;}
.navigation li.hover a:visited { _color:#fff; }
.navigation ul { display:none; }
.navigation ul li { background-image:none; background-color:#0175dc; line-height:25px; margin:0px; padding: 0px; height:27px; }
.navigation ul li a, .navigation ul li a:hover { background-image:none; color:#fff; width:90px;; margin:0px; padding: 0px; height:24px;}
.navigation li ul { width:90px;; display:none; position:absolute; top:35px;; left:0px; margin: 0px; padding:0; z-index:5; background-color:#0175dc; }
.navigation li ul ul { left:90px;; top:20px; z-index:20; top:0; }
.navigation li ul li { background-color:#49494b; border:0; background-image:none; height:27px; font-size:12px; font-family:Arial, "宋体",Helvetica, sans-serif,Verdana;}
.navigation li ul li a { color:#fff; font-weight:normal; text-align:center; text-indent:0px; background-image:none; height:27px; }
.navigation li ul li a:visited { _color:#fff; background:none; font-weight:normal; color:#fff; height:27px; }
.navigation li ul li a:hover { color:#fff; background-image:none; background:#666; height:27px; }
.navigation li ul li.hover { background:#666; background-image:none; width:90px; height:27px;color:#fff; }
.navigation li.hover ul a { background-image:none; height:27px; color:#fff; }
2#
发表于 2013-8-6 13:27:59 | 只看该作者
在temtele/您的模板目录/image中找到相应的图替换即可。一般为 images/nav_bg.gif
3#
 楼主| 发表于 2013-8-6 13:42:18 | 只看该作者
在temtele/您的模板目录/image中找到相应的图替换即可。一般为 images/nav_bg.gif
lhlh 发表于 2013-8-6 13:27



   上图即为替换了nav_bg.gif后的效果,模板原图导航条为全红,替换nav_bg.gif后只是导航中各文字间出现蓝色线条(此线条即为nav_bg.gif )
想实现的效果:导航条由模板的全红换为为全蓝,导航条高度加大,请问该如何操作!
4#
发表于 2013-8-6 15:00:49 | 只看该作者
替换图
5#
 楼主| 发表于 2013-8-6 15:44:30 | 只看该作者
替换图
lhlh 发表于 2013-8-6 15:00



   分别替换nav_bg.gif和nav_bg.jpg,并清空缓存后刷新,问题解决!
6#
发表于 2013-8-6 16:48:14 | 只看该作者
感谢您对建站之星的支持和关注!
7#
发表于 2013-8-6 17:04:19 | 只看该作者
感谢楼主和楼上的对建站之星(sitestar)网站建设系统的支和厚爱

上海美橙科技信息发展有限公司 ( 沪ICP备11006888号-4 )

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