搜索
查看: 1941|回复: 0

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

[复制链接]

28

主题

27

帖子

5216

积分

超级版主

Rank: 8Rank: 8

积分
5216

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献终身VIP会员尊贵VIP会员

发表于 2016-7-31 12:39:51 | 显示全部楼层 |阅读模式
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;}
这时,刷新首页,即可发现图
心怀梦想
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

前身为模板家园。国内NO.1电商解决方案平台

五年来一直为电商系统做优质的服务而不断努力着!

Copyright © 2011-2016 cybn.Cn. Powered by Discuz!

返回顶部 返回列表