如何修改HEADER上的有关文字与图片

用于收藏精华贴子、网友共享的资料等。可以回复,不能发新贴。

版主: Jack

版面规则
本版面不能发新贴,可以回复

如何修改HEADER上的有关文字与图片

帖子allensimth » 2009-04-03 13:13

这是第一次发心得贴希望对大家有帮助,也希望我能与大家一起进步!


黄色部分的修改

黄色框中的空白部分是由于修改模板宽度而产生的,如果想使黄色框部分也填充对齐的话可以添加诸如左方的导航图片。
如果只想要左方的导航图片,也可以通过将左方HOME一直到FAD的图片进行增加宽度。
如果需要中英文版的话看来也必须把文字给铲掉剩下背景(通过photoshop或者firework的仿制图章工具可以做到),然后将图片的宽度加以调整到。

调整图片后再刷新一看,可能会发现第6张图片(CONTACTS)和第7张图片(FAQ)会跳到第二行,此时应该修改css文件,但这是可能会问我怎么知道它用的是哪个选择器(id还是class),这时候我们可以查看includes/templates/[custom template folder]/common/tpl_header.php(我怎么知道是这个文件,这里你可以通过在搜索引擎上搜索zencart模板目录结构,可以找到关于zencart页面部分对应的文件路径)

打开tpl_header.php,按CTRL+F查找”l1” (因为HOME图片的名字就是叫做l1.gif) 就可以找到第111行(以我的模板为标准)
<div class="dc header2_c2" >,这段div中的类选择器就是控制图片导航栏可以调整的宽度

然后打开includes/templates/[custom template folder]/css/ stylesheet.css 按CTRL+F查找 ”.header2_c2” ,可以找到第642行(以我的模板为标准)
.header2_c2 { width:730px;} 730是我调整后的数值。

红色部分的修改
红色框中的文字很显然是存在多语言版本时需要修改的,但我发现红色框中的部分无论按英文版还是中文版都不可以变中文。在改黄色部分的时候我看到了Search,发现原来它就是显式的写Search而不是像货运和返回那样定义一个变量去保存不同语言版本时所需要的文字,这样问题就迎刃而解了。

先查看一下关于定义文字的方法,既然我们知道要改的内容是在与黄色框在同一个文件中,那当然首先要打开文件includes/templates/[custom template folder]/common/tpl_header.php,然后我们按CTRL+F查找”My Account” ,可以找到第87行(以我的模板为标准),正如上一段所说的它是显式写死在那里,看看89行会看到. BOX_INFORMATION_PRIVACY .,很显然这里就是隐私权保障声明或者Privacy Notice显示的地方(采用了变量定义的方式)因此我们如果要改多版本名字只需要定义这么一个变量然后赋值便可以。

例如:要将serach的中英文版都显示出来

打开文件includes/templates/[custom template folder]/common/tpl_header.php

然后我们按CTRL+F查找”Search”,定位后将Search改为 <?PHP echo SEARCH?>,然后在includes/languages打开schinese.php 或者其他版本的php文件,然后在空白处加上define('SEARCH', '搜索'); 当然SEARCH不要跟原来已经定义好的有冲突,其他红色框的修改与这个是一模一样的。
allensimth
高级会员
高级会员
 
帖子: 103
注册: 2009-03-24 14:45

Re: 如何修改HEADER上的有关文字与图片

帖子Jack » 2009-04-04 8:55

这么长,看得有点头晕 :roll:

多谢allensimth分享的心得
Zen Cart - 让每个人拥有自己生意的梦想成真
加入Zen Cart地图 | 恕不回复站内短信提问 | QQ: 3171061
头像
Jack
论坛版主
论坛版主
 
帖子: 12265
注册: 2004-12-16 10:04

Re: 如何修改HEADER上的有关文字与图片

帖子allensimth » 2009-04-05 9:23

Jack回帖喔 很多问题想请教你吖 本人写作水平有限,可能其实很简单的几个修改,但是写的时候连带了一些查找定位的思路又不怎么会分段所以写长了点,希望下次会写得更好咯!
allensimth
高级会员
高级会员
 
帖子: 103
注册: 2009-03-24 14:45

Re: 如何修改HEADER上的有关文字与图片

帖子karit » 2009-04-14 19:17

请问网站logo的链接或者打开链接的方法怎么修改呢?(例如我想把其改为打开一个新窗口回到主页)
karit
普通会员
普通会员
 
帖子: 42
注册: 2009-04-09 12:35

Re: 如何修改HEADER上的有关文字与图片

帖子allensimth » 2009-04-20 10:35

在<a>标记中添加target="_blank"属性比如
<a href="http://www.sina.com.cn" target="_blank">
allensimth
高级会员
高级会员
 
帖子: 103
注册: 2009-03-24 14:45

Re: 如何修改HEADER上的有关文字与图片

帖子daimadaquan » 2009-05-11 18:44

修改CSS文件,在内页调用不同的模板文件
人在凡尘里,焉能返自然?
头像
daimadaquan
VIP会员
VIP会员
 
帖子: 512
注册: 2009-03-09 17:34
地址: 江苏 南京


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

回到 精华共享



在线用户

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