站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
KesionCMS-万能列表标签实例打造常见网页效果
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
<span style="border:1px solid #000; float:right; text-align:center; padding:6px;"><strong>导航:</strong>[[KesionCMS教程|返回上一页]]</span> <div style="clear:both;"></div> [[KesionCMS]]-万能列表[[标签]]实例打造常见网页效果 为大家介绍一些常见的网页效果的[[标签]]制作: 首先上一个最最常见的文章列表,如下图: [[Image:列表标签实例打造常见网页效果5.png]] 上图是我们最常见的文章列表,新建万能列表标签. 标签名称自命名,如文章列表; *标签目录:即这个标签要存放于哪个目录,这样方便以后编辑标签时查找. *选择范围:可以指定模型或不指定模型,如果指定模型的话可以选择多个栏目,调用多个栏目下的文章; *所属专题:根据需要,可以不指定专题,如果有需要归属于哪个专题指向专题; *属性控制:即推荐,滚动,头条,热门,幻灯新闻,有打勾的话就是要调用这个属性的文章,同时添加文章时也要在文章属性中打勾,这样才可以调用出来; *排序方法:有文档ID升/降;更新时间升/降;点击数升/降和随机显示,可以根据需求选择; [[链接]]目标即点击浏览文章时是同个窗口打开还是弹出新窗口,可以自己选择; 文档数量,标题字数,行距,列数可以直接输入,我们要显示几篇就输入多少,标题字数即一行要显示多少个字,行距即一行一行之间的距离,列数即一行显示几列,这些都适合文本列表(table)样式输出; 输出格式:可以从文本列表(table),图片列表(table);自定义输出样式(不带自定义字段);自定义输出样式(带自定义字段). 其中,文本列表(table),图片列表(table),输出样式是table格式的,下图中,是以自定义输出样式(不带自定义字段)输出. [[Image:列表标签实例打造常见网页效果1.png]] 如果要在文章列表中调用日期,则选择日期格式,并在语句中增加日期的字段,如: <pre> [loop={@num}] <li>·<a href="{@linkurl}" target="_blank">{@title}</a> {@adddate}</li> [/loop] </pre> 调用其它的,同样只需点击上面的字段. 保存标签,到[[模板]]中要调用的位置输入如{LB_文章列表}即可. 章列表样式二,效果图 [[Image:列表标签实例打造常见网页效果2.png]] 分析: 上图中其实也是刚上面的文章列表,只是它分5条新闻中间有一条虚线隔开,那么这种效果怎么做呢? 其实一样,只是循环语句中有点区别: <pre> [loop=5] <li>·<a href="{@linkurl}" target="_blank">{@title}</a> </li> [/loop] <div style="border-bottom:1px dotted #ccc"></div> [loop=5] <li>·<a href="{@linkurl}" target="_blank">{@title}</a> </li> [/loop] </pre> 下面,我们看下这种常见的图片文章列表: [[Image:列表标签实例打造常见网页效果3.png]] 这种效果,我们可以选择图片文章列表(table),选择样式3,如下图: [[Image:列表标签实例打造常见网页效果4.png]] 或者采用自定义样式输出,循环语句如下,然后通过[[CSS]]来控制; <pre> [loop=5] <div><a href="{@linkurl}"><img src="{@photourl}" width="90" height="65" border="0" class="img1" /></a><span class="font_w_b line_h_22"><a href="{@linkurl}">{@title}</a></span><br /> <span class="color_666">“{@intro}”</span></div> [/loop] </pre> ==参考来源== *[http://www.kesion.com/ 参考来源] [[category:KesionCMS|K]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)