修改ecshop中logo文件的尺寸(包括头部底部logo两部分)

修改ecshop中logo文件的尺寸(包括头部底部logo两部分)

 

ecshop里面把logo的尺寸是写固定了的,大概在150*35的样子,如果设计的尺寸偏大,那么就会出现只能显示部分logo的情况, 我请的合作美工出于漂亮和完整传达意思的考虑,他把我的log

ecshop里面把logo的尺寸是写固定了的,大概在150*35的样子,如果设计的尺寸偏大,那么就会出现只能显示部分logo的情况,

我请的合作美工出于漂亮和完整传达意思的考虑,他把我的logo尺寸修改为150*52,这样的话logo并不能完全显示,尤其是底部

logo只能显示大半部分,因此必须修改代码使得能容纳新版的logo图标。

针对头部文件的修改,在后台中修改,

模板管理 -> 库项目管理 -> page_header.lbi 找到 "images/logo.gif"这部分代码,

原文件如下:

<div class="block clearfix">
 <div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
 <div class="f_r log">
系统并没有对图片的尺寸进行限制,修改如下:

<div class="block clearfix">
 <div class="f_l"><a href="../index.php" name="top"><img width="150" height="52" src="../images/logo.gif" /></a></div>
 <div class="f_r log">

 

针对底部的修改,在style.css中完成,

找到

   /*版权*/
   #footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; width:760px; margin:10px auto;}
   #footer .text{background:url(images/footerLine.gif) no-repeat left center;  padding-left:50px; *padding-bottom:20px;}
   #footer .text a{color:#404040; text-decoration:none;}

这部分代码,做如下修改:

   #footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; height:52px; width:760px; margin:10px auto;}
   #footer .text{background:url(images/footerLine.gif) no-repeat left center; padding-left:50px; *padding-bottom:20px;}
   #footer .text a{color:#404040; text-decoration:none;}

这时,刷新首页,即可发现图标显示已经完全正常。(责任编辑:最模板)

 商城网站建设http://www.zuimoban.com/shop/

 

转载于:https://my.oschina.net/qihaokeji/blog/715153

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值