YulinCMS Digg标签调用示例

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页

Digg标签用于对内容进行投票筛选。

Digg 标签语法格式如下:

{Yu:Digg 属性="属性值"......}
      // 底层模板 + 底层变量
{/Yu:Digg}
  • 简单示例
<div class="digg">
{Yu:Digg}
<div class="box" onclick="{@UpPath/}">
<div class="num" id="{@UpNum/}">0</div><div class="text">顶一下</div>
</div> <div class="box" onclick="{@DownPath/}">
<div class="num" id="{@DownNum/}">0</div><div class="text">踩一下</div>
</div>
{/Yu:Digg}
</div> 	
YulinCMS DiggTags1.gif
  • 标签解释

请在网页头部引用相关JS脚本和CSS样式。代码如下:

<script type="text/javascript" src="/Common/JS/Common.js" charset="utf-8"></script>

上例中所用的CSS样式如下,放在网页头部或样式文件中。

<style type="text/css">
.digg { margin:0 auto;padding-top: 10px;padding-right: 10px;
        padding-left: 10px;padding-bottom: 10px;width: 260px;overflow:auto;}
.digg .box{ float:left;background: url(digg.gif);margin: 0px 20px;width: 70px;
            height: 64px;line-height: 20px;text-align: center;cursor:pointer;}
.digg .box .num{ text-align:center; font-family:Arial; font-size:16px; font-weight:bold; color:#C00; 
                 padding:15px 0 0 0; word-wrap:break-word; word-break:break-all;}
.digg .box .text{ text-align:center; font-family:Arial; font-size:14px; color:#000;
                 padding:8px 0 0 0; word-wrap:break-word; word-break:break-all;}
</style>

相关条目[ ]

参考来源[ ]