<filename>template_preview.png</filename>
怎样将Joomla 1.5的模板升级改造至Joomla 1.6适用 (3)
本站原创编译，转载请给面子，尊重劳动果实，欢迎交流指正。
原文参考：Joomla 1.5 to 1.6 Template Upgrade Tutorial
继续Joomla模板升级改造的话题；之前两篇里面，我们分别了解了index.php和templateDetails.xml文件的升级变更之处，今天把最后一部分样式表及缩略图的话题做掉。
对于模板的样式表文件(template.css或其他样式表)，下面的代码示意了比较主要的变化：
从前的：
.article_separator
改写作：
.item-separator
类似的更加语义化的改变还有：
.blog_more
改写作：
.items-more
对于每篇内容中的“Print”、“PDF”、“Email”这些按钮，在从前的默认模板中由<td class="buttonheading">作为容器；在Joomla 1.6中，容器变成了由<div class="actions">包裹的<ul>无序列表。所以在样式表中我们需要做类似下面这样的定义：
.actions{
margin:0;
}
.actions li{
list-style: none;
display:inline;
float:right;
}
从前的“分类文章列表”视图页面现在同样由无序列表布局输出：
.jcat-children ul,.jcat-children li{
margin:0;
list-style:none;
}
.jcat-children li a{
background:url(../images/bullet_green_arrow.png) no-repeat 0 12px;
display:block;
padding:5px 5px 5px 15px;
font-size:0.9em;
}
另外，新的登录表单移除了从前的<br />，现在所有的label都是和它对应的元素在同一行显示；如果希望还像从前那样各自占一行，那么需要将这些label声明为块级元素：
#form-login #form-login-username label,
#form-login #form-login-password label{
display:block;
}
最后来看一下模板缩略图。在Joomla 1.6里，我们可以在模板根路径中保存一张800×600像素的名为template_preview.png的缩略图，用来在管理后台的模板列表中显示出来，点击之后可以直接查看原始尺寸的图片作为预览。另外记得在templateDetails.xml中添加缩略图文件的声明：
整个“怎样将Joomla 1.5的模板升级改造至Joomla 1.6适用”的上半部到此结束；期待原作者发布下半部，届时继续。
译者：Viiiix7210
如需转载，请注明官方英文文 档及本人译文的出处，谢谢。查看英文原文: Joomla 1.5 to 1.6 Template Upgrade Tutorial (Part 1)
| Next > |
|---|
RSS Feed
评论刷新
原文也只是作者自己的角度，我翻 译水平也更是有限，见谅了...