您的位置:HBcms宏博内容管理系统 模板设计 正文
 添加时间:2007-07-20 原文发表:2007-07-20 人气:1504


如何给首页的每个栏目增加一个图片文章?先看效果图:


 

 如何实现:

  1. 给每个栏目添加设置一篇推荐文章,此文章需要设置一个 图标网址(可上传图片,也可以是外部网址)
  2. 修改您使用的模板中的首页 index.tpl.html 模板文件,加入以下代码(详细的代码(演示)请参考 冰蓝简洁风格 的index.tpl.html模板文件)

<{assign var="image_article_id" value="0"}>
 <{assign var="article_num" value="12"}>

 <{* 从commend_article_data里显示一张图片,可换成new_article_data *}>

 <{foreach name=commend_article_data item=item_info from=$data_ary.commend_article[$single_type.id]}>
 <{if $item_info.icon_url != '' && $image_article_id == 0 }>

 <TABLE align=center width=99%>
 <TR>
  <TD valign=top><div class=s_img_div style="width:65px;height:65px;border:0px;"><p><A HREF="<{$item_info.url}>"><img src="<{$item_info.icon_url}>"  onload="if ( this.width>62 ) {this.width=62;} if (this.height>62){this.height=62;}" border=0></a></p></div></TD>
  <TD valign=top><A HREF="<{$item_info.url}>" style="color:black;"><{$item_info.title|cn_truncate:14:"..":true}></A><br>
  <FONT  COLOR="gray"><{$item_info.desc|cn_truncate:30:"...":true}></FONT>
  </TD>
 </TR>
 </TABLE>


 <{assign var="image_article_id" value="`$item_info.id`"}>
 <{assign var="article_num" value="`$article_num-4`"}>

 <{/if}>
 <{/foreach}>

本页地址
相关文章

Smarty中文手册,Smarty教程
列表页模板变量$data_ary.main_article详解
自动显示导航条连接,解读$web.type模板变量
最基本的smarty变量:$web模板变量说明和使
模板变量说明,如何制作个性模板
HBcms的Smarty模板结构介绍
模板的导入和导出功能介绍
征集模板:被采纳的模板将包含在HBcms的下一
HBcms的模板语言是自己写的吗?学了有用吗?
smarty官方文档下载
冰蓝模板如何在首页添加横幅广告
宏博cms模板里如何调用某个栏目(分类)的文
如何让首页显示网友留言/评论留言?
吐血推荐让流量暴涨的代码-把你的文章加入
导航栏自动多行显示
如何修改模板文件?怎样调试模板?
直接在hbcms模板里读取数据库的内容
根据特定的栏目排序属性,显示此栏目的下级
做模板的基础:掌握基本的HTML代码语法
如何修改模板自带的图片?

相关评论


本文章所属分类:首页 模板设计