你的位置:HBcms宏博内容管理系统 模板设计 正文
模板设计
  1. 留言板
内容搜索
热门内容
  1. 几套推荐的HBcms模板下..
  2. 如何修改模板文件?怎..
  3. Smarty模板插件下载,..
  4. HBcms的模板语言是自己..
  5. smarty官方文档下载
  6. 模板变量说明,如何制..
  7. HBcms的Smarty模板结构..
  8. 做模板的基础:掌握基..
  9. 如何在模板里加上会员..
  10. 吐血推荐让流量暴涨的..
推荐内容
  1. 如何修改模板文件?怎..
  2. HBcms的模板语言是自己..
  3. 修改添加留言表单的外..
  4. 如何设计一个漂亮的公..
  5. 为留言板内容录入框增..
  6. 会员查看自己的留言列..
  7. 会员查看自己的留言详..
  8. 让导航条里的外部链接..
  9. 产品或图片频道如何自..
  10. 随机显示栏目文章的首..
如何给首页的每个栏目增加一个图片文章
  •  添加时间:2007-07-20 发表时间:2007-07-20 人气:2179
  • 如何给首页的每个栏目增加一个图片文章?先看效果图:


     

     如何实现:

    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}>

  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 模板设计