首页 > 网站 > 建站经验 > 正文

如何修改ECshop网站Logo自定义尺寸大小

2024-04-25 20:34:04
字体:
来源:转载
供稿:网友

随着社会经济的发展和人们审美心理的变化,Logo设计日益趋向,标志设计在更广阔的视觉领域内起到了宣传和树立品牌的作用。

优秀的Logo具有个性鲜明、视觉冲击力,便于识别、记忆,有引导、促进消费,产生美好联想的作用,利于在众多的商品中脱颖而出。

如麦当劳、百事可乐标志在这方面都发挥了很好的作用。一般Logo设计很多站长都是通过美工设计出来,Ecshop默认的Logo尺寸系统默认固定的为(150*35)。

当美工和系统默认的尺寸不符合,那么就会出现只能显示部分Logo的情况。

那么如何自定义Logo尺寸大小?下面A5源码小编在自己的php空间进行了实验,并把具体教程分享给大家。

1、登录ECshop管理后台–>模板管理–>库项目管理–>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="50" src="../images/logo.gif" /></a></div>

<div class="f_r log">

//注释:以上为模版库文件修改LOGO自定义为:150*50(尺寸可以根据个人需求定义)

2、模版文件夹里面找到文件:style.css

通过文本编辑器打开:

查找:

#footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; width:760px; margin:10px auto;}

插入代码为:

#footer{background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px; height:50px; width:760px; margin:10px auto;}

总结:通过以上两步方法可以轻松的自定义ECshop网站Logo大小。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表