账号通
    

注册

找回密码

账号  

密码  

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

10786

查看

22

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

1622

主题

5

广播

29

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

用户积分:5963 分
登录次数:199 次
注册时间:2009/10/12
最后登录:2024/4/4
无风 发表于：2010/8/10 20:00:00   | 只看该作者 查看该作者主题 楼主 
做官网 就用科汛智能建站系统!
样式：

点击查看原图

模板代码：
  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) 回到顶部顶端 回到底部底部
ep165 当前离线

1593

主题

8

广播

5

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

用户积分:5843 分
登录次数:311 次
注册时间:2008/12/22
最后登录:2017/11/17
ep165 发表于：2010/8/10 21:09:00   | 只看该作者 查看该作者主题 沙发 
科汛智能建站系统
一分钟快速开通线上知识店铺
不错
 
有课程 找生源 就上科汛课堂街
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
keyi 当前离线

3123

主题

8

广播

18

粉丝
添加关注
级别:大二

用户积分:11924 分
登录次数:2527 次
注册时间:2008/12/24
最后登录:2023/12/14
keyi 发表于：2010/8/11 9:08:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线考试系统(NET)
有课程 找生源 就上科汛课堂街
看看
 
kesion开发论坛了[/u]
[url]http://www.kesion.com[/url]
<a href="http://www.kesion.com">支持你,不是我的错!</a>
做官网 就用科汛智能建站系统!
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
5dlvshi 当前离线

276

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:1185 分
登录次数:116 次
注册时间:2009/8/15
最后登录:2014/11/12
5dlvshi 发表于：2010/8/11 9:43:00   | 只看该作者 查看该作者主题 板凳 
科汛在线考试系统(NET)
做线上考试培训 就选#科汛网校
很不错。
 
做新职业技能培训平台 就选#科汛网校
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zhihaokesion 当前离线

25

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:9 分
登录次数:5 次
注册时间:2010/7/26
最后登录:2010/9/8
zhihaokesion 发表于：2010/8/22 8:51:00   | 只看该作者 查看该作者主题 报纸 
做官网 就用科汛智能建站系统!
嘿嘿
 
有课程 找生源 就上科汛课堂街
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
seo251 当前离线

46

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:24 分
登录次数:10 次
注册时间:2010/8/28
最后登录:2010/9/6
seo251 发表于：2010/9/1 15:31:00   | 只看该作者 查看该作者主题 地板 
科汛在线考试系统(NET)
有生源 找课程 就上科汛课堂街!
虽然不懂 但是 学习了
 
一分钟快速开通线上知识店铺
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
mz520 当前离线

628

主题

6

广播

2

粉丝
添加关注
级别:六年级

用户积分:3600 分
登录次数:170 次
注册时间:2008/8/23
最后登录:2014/8/5
mz520 发表于：2010/10/14 21:00:00   | 只看该作者 查看该作者主题 7楼 
科汛智能建站系统
做官网 就用科汛智能建站系统!
支持一下，慢慢看
 
一分钟快速开通线上知识店铺
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hyz1154 当前离线

250

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:655 分
登录次数:132 次
注册时间:2006/12/14
最后登录:2019/3/10
hyz1154 发表于：2010/10/14 22:30:00   | 只看该作者 查看该作者主题 8楼 
做考试题库 就用#科汛在线考试系统!
看看了你的代码，很不错，但是我觉得可以一个标签就搞定的，不过这个标签复杂些。因为我没有这方面的需要，所以不做演示给大家了。呵呵，
 
南国资讯，实用的资讯。 http://www.zxw168.net
科汛商学院助您快速入门
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
goon2005 当前离线

740

主题

1

广播

0

粉丝
添加关注
级别:六年级

用户积分:3504 分
登录次数:229 次
注册时间:2006/10/31
最后登录:2018/2/26
goon2005 发表于：2010/10/14 22:37:00   | 只看该作者 查看该作者主题 9楼 
做在线知识付费 选科汛云开店
一分钟快速开通线上知识店铺
这些都是基础性东西，熟练使用很简单，楼主代码还可以更简练一些
 
<a href=http://www.wjyjjs.com title=上海武警总队******>上海武警总队******</a>
有课程 找生源 就上科汛课堂街
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lijia_00 当前离线

1392

主题

0

广播

0

粉丝
添加关注
级别:九年级

用户积分:1041 分
登录次数:27 次
注册时间:2009/6/10
最后登录:2013/9/5
lijia_00 发表于：2010/10/15 7:53:00   | 只看该作者 查看该作者主题 10楼 
科汛智能建站系统
有课程 找生源 就上科汛课堂街
支持一下，慢慢看
 
<a href= http://www.biyenet.com.cn target=_blank >计算机毕业设计</a>www.biyenet.com.cn<a href= http://www.luotuo.net.cn target=_blank >计算机毕业论文</a>www.luotuo.net.cn<a href= http://www.biyenet.com target=_blank >工程硕士论文</a>www.biyenet.com<a href= http://www.lw58.com target=_blank >计算机硕士论文</a>www.lw58.com<a href= http://www.slgz.cn target=_blank >硕士毕业设计</a>www.slgz.cn<a href= http://www.chinaqiya.com.cn target=_blank >计算机毕业设计</a>www.chinaqiya.com.cn<a href= http://www.luotuo.net.cn target=_blank >计算机毕业设计</a>
一分钟快速开通线上知识店铺
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
＜上一主题 | 下一主题 ＞
<< 返回列表
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.23438秒 powered by KesionCMS 9.0