如何将页眉修改为渐变色  已解决

这是旧的zencart演示站模板(版本 v1.3.x)。新版的zencart中文插件版已经内置了这些模板,不要在这里下载了。

版主: Jack

如何将页眉修改为渐变色  已解决

帖子sdysww » 2010-03-03 10:22

我使用的是蓝色那个模板,如何把页眉的背景由白色变成图片里的渐变色?我觉得应该是在某处加个渐变色的背景图片,但就是不知道在哪里添加。请指教一下,谢谢~~~~~
附件
sdysww
高级会员
高级会员
 
帖子: 100
注册: 2010-01-23 19:28

Re: 如何将页眉修改为渐变色

帖子lxmboy1 » 2010-03-04 12:44

body {
background: #FFFFFF url(../images/site_wrapper.jpg) repeat-x scroll left top;
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
/* background: #e5edf5;*/
line-height: 17px;
}
lxmboy1
新手上路
新手上路
 
帖子: 5
注册: 2010-02-28 12:29

Re: 如何将页眉修改为渐变色

帖子lxmboy1 » 2010-03-04 14:51

可以在stylesheet.css中加入
#headerWrapper {
background:url(../images/site_wrapper.jpg) repeat-x right top;
}
lxmboy1
新手上路
新手上路
 
帖子: 5
注册: 2010-02-28 12:29

Re: 如何将页眉修改为渐变色

帖子sdysww » 2010-03-06 19:31

搞定了,多谢楼上的同志~~
sdysww
高级会员
高级会员
 
帖子: 100
注册: 2010-01-23 19:28

Re: 如何将页眉修改为渐变色

帖子smilenimo » 2010-09-30 6:25

能设置成透明的么???
代码: 全选
#headerWrapper {
   margin: auto;
   clear: both;
   background:transparent;
}
#logoWrapper{ background:red; height:88px; background:url(../images/bannertop.jpg) no-repeat right center;}
#menu{padding-right:20px;
height:28px; background:url(../images/menubg.gif);
}
#menu ul{ float:right;
height:25px;
margin:0;
padding:0;}
#menu li{ height:25px;
float:left;
margin-right:1px;
list-style:none;}
#menu a{ background:url(../images/menu.gif) no-repeat 0 -50px;
float:left;}
#menu a span{ cursor:pointer;
   background:url(../images/menu.gif) no-repeat 100% -75px;
   float:left;
   height:25px;
   line-height:25px;
   padding-left:20px;
   padding-right:20px;
   color:#fff;
   font-weight:bold}
#menu a:hover{ background-position:0 0; text-decoration:none;}
#menu a:hover span{ background-position:100% -25px;
color:#fff;}
#menuhover a,#menuhover a:hover,#menu a:active{ background-position:0 0; }
#menuhover a span,#menuhover a:hover span,#menu a:active span{ background-position:100% -25px;
color:#fff;}
#submenu { background:#ddd; padding:5px 0 3px 15px;}
.notice { float:left; font-weight:normal;
   width:540px;
   background:url(../images/noticedot.gif) no-repeat 10px center; padding-left:30px}
smilenimo
高级会员
高级会员
 
帖子: 212
注册: 2010-03-24 11:42

Re:设置成透明的

帖子accp » 2011-04-11 19:38

你可以采用div+cssPHOTOSHOP滤镜功能相结合,这个功能很简单,因为我之前也碰到这个问题,后来我认真想下,呵呵,终于搞定了。在这里我先不说代码具体该怎么实现,让你好好再研究研究吧。嘿,我过些时日将来公布答案!加油哦~
accp
 
帖子: 1
注册: 2011-04-11 19:17
QQ 帐号: 523729373


  • 相关话题
    回复总数
    阅读次数
    最新文章

回到 demo.zen-cart.cn 演示模版专栏



在线用户

正在浏览此版面的用户:没有注册用户 和 0 位游客