账号通
    

注册

找回密码

账号  

密码  

话题
互动
会员
服务
<<返回列表上一个主题 下一个主题 打印本帖 复制本帖地址

10801

查看

22

回复
主题：[分享]图片+头条简介+文章列表系统标签制作详解 [收藏主题] 本贴被认定为精华 转到：  
无风 当前离线

1622

主题

5

广播

29

粉丝
添加关注
级别:高一年

用户积分:5963 分
登录次数:199 次
注册时间:2009/10/12
最后登录:2024/4/4
无风 发表于：2010/8/10 20:00:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线商城系统(NET)
做线上考试培训 就选#科汛网校
样式：

点击查看原图

模板代码：
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  6. <title>无标题文档</title>
  7. <style type="text/css">
  8. #box { background-image: url(images/bg.jpg); background-repeat: no-repeat; height: 184px; width: 232px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
  9. * { padding:0; margin: 0px; }
  10. #box h3 { font-size: 14px; font-weight: bold; text-align: center; text-indent: 19px; }
  11. #box #boxa { background-color: #FFF; }
  12. #box #boxb { background-color: #FFF; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; margin-top: 5px; }
  13. ul { list-style-type: none; }
  14. .clear { clear:both }
  15. #box #boxa a img { height: 81px; width: 88px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; }
  16. #box #boxb ul li { background-image: url(images/ico.jpg); background-repeat: no-repeat; background-position: left 50%; padding-left: 13px; }
  17. #box #boxa dl { float: right; }
  18. a:link, a:visited, a:active { color:#060; text-decoration: none; }
  19. a:hover { text-decoration: underline; }
  20. #box #boxa dl dt a { font-weight: bold; color: #000; }
  21. #box #boxa dl dt { width: 130px; overflow: hidden; height: 20px; }
  22. </style>
  23. <body>
  24. <div id="box">
  25.   <h3>寻医问药</h3>
  26.   <div id="boxa"><a href="#" target="_blank"><img src="images/ad.jpg" alt="ee" /></a>
  27.     <dl>
  28.       <dt><a href="#" target="_blank" title="痛风患者不宜多吃">痛风患者不宜多吃多宜吃多宜吃多宜</a></dt>
  29.       <dd>痛风患者不宜多吃海鲜，因为海鲜含高飘零，这是大多痛风患者所知[<span><a href="#" target="_blank" title="点击查看详情">详细</a></span>]</dd>
  30.     </dl>
  31.   </div>
  32.   <div class="clear"></div>
  33.   <div id="boxb">
  34.     <ul>
  35.       <li><a href="#" target="_blank" title="痛风日常保健">痛风日常保健痛风日常保健痛风日常保健</a></li>
  36.       <li><a href="#" target="_blank" title="痛风、高尿酸血症与饮食">痛风、高尿酸血症与饮食</a></li>
  37.       <li><a href="#" target="_blank" title="痛风***六大误区">痛风***六大误区</a></li>
  38.     </ul>
  39.   </div>
  40. </div>
  41. </body>
  42. </html>
演示：

http://zhitaige.web-138.com/box/

标签代码：
  2.   <div id="boxa">
  3.    [loop=1]
  4.     <a href="{@linkurl}" target="_blank"><img src="{@photourl}" alt="{@fulltitle}" /></a>
  5.    [/loop]
  6.     <dl>
  7.       [loop=1]
  8.       <dt><a href="{@linkurl}" target="_blank" title="{@fulltitle}">{@title}</a></dt>
  9.       <dd>{@intro}[<span><a href="{@linkurl}" target="_blank" title="点击查看详情">详细</a></span>]
  10.       [/loop]
  11. </dd>
  12.     </dl>
  13.   </div>
  14.   <div class="clear"></div>
  15.   <div id="boxb">
  16.     <ul>
  17.       [loop=3]
  18.       <li><a href="{@linkurl}" target="_blank" title="{@fulltitle}">{@title}</a></li>
  19.       [/loop]
  20.     </ul>
  21.   </div>
标签设置要点：以下设置的数据均来自模板的设置，所以你的模板必须是一个填充完整的模板，而不是一个还有大量空格的模板

1、设置模型为文章模型

2、设置到被调用的具体栏目

3、文章数量5

4、标题字数36

5、简介字数60

6、行距和列数已经在模板和css做好了控制，标签中不用设置

加载标签的模板代码
  2. <body>
  3. <div id="box">
  4.   <h3>寻医问药</h3>
  5. {LB_标签名}
  6. </div>
  7. </body>
如果你不想在模板中手动添加栏目名称你可以把模板中的栏目名称部分用标签输出

代码如下
  2.   <h3>[loop=1]{@classname}[/loop]</h3>
那么整个标签的代码就是
  2.   <h3>[loop=1]{@classname}[/loop]</h3>
  3. <div id="boxa">
  4.    [loop=1]
  5.    <a href=href={@linkurl] target="_blank"><img src="{@photourl}" alt="{@fulltitle}" /></a>
  6.    [/loop]
  7.     <dl>
  8.       [loop=1]
  9.       <dt><a href="{@linkurl}" target="_blank" title="{@fulltitle}">{@title}</a></dt>
  10.       <dd>{@intro}[<span><a href="{@linkurl}" target="_blank" title="点击查看详情">详细</a></span>]
  11.       [/loop]
  12. </dd>
  13.     </dl>
  14.   </div>
  15.   <div class="clear"></div>
  16.   <div id="boxb">
  17.     <ul>
  18.       [loop=3]
  19.       <li><a href="{@linkurl}" target="_blank" title="{@fulltitle}">{@title}</a></li>
  20.       [/loop]
  21.     </ul>
  22.   </div>
这样就可以自动输出栏目名称，模板中的栏目名称删除就可以了
 
做新职业技能培训平台 就选#科汛网校
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
＜上一主题 | 下一主题 ＞
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.09375秒 powered by KesionCMS 9.0