JA文档中文翻译 - JA模板定制FAQ - 自定义模板logo
前面几篇文档中，我们集中学习了怎样修改Ja Purity II中各类菜单的样式；今天继续样式话题，来看看模板logo的自定义方法。
我们需要为shop.php、news.php和blog.php这三个布局各自使用红、绿、蓝三种颜色的logo(自备)。首先来搞定shop.php布局；打开template.css文件，在938行附近找到如下代码：
h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 79px;
width: 207px;
}
使用我们的红色logo图片路径替换掉原来的背景图片路径：
h1.logo a {
background: url(../images/logo-red.gif) no-repeat left;
display: block;
height: 79px;
width: 174px;
}
注意，新的logo图片尺寸尽量和默认的一致，以便保持样式结构；当然也可以根据设计需求进行调整。
接下来搞news.php布局的logo，打开news-template.css，在938行附近找到如下代码：
h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 79px;
width: 207px;
}
同样将背景图片替换为我们的绿色logo：
h1.logo a {
background: url(../images/logo-green.gif) no-repeat left;
display: block;
height: 79px;
width: 174px;
}
然后不出意外的以同样的方式来定义blog.php布局的新logo；将blog-template.css文件的938行附近的h1.logo a样式代码修改为：
h1.logo a {
background: url(../images/logo-blue.gif) no-repeat left;
display: block;
height: 79px;
width: 174px;
}
搞定，没悬念。
译者：Viiiix7210
如需转载，请注明官方英文文档及本人译文的出处，谢谢。查看官方英文文档: JA Template Framework/FAQs
| < Prev | Next > |
|---|
RSS Feed
评论刷新