{template "content","header"} //头部调用
以下是首页左边“首页头条调用” 在代码生成器里叫推荐位吧?
<div class="col-left">
<div class="news-hot">
<div class="content">
{pc:content action="position" posid="2" order="listorder DESC" num="4"} //调用pc标签pc:content, posid=2,调用4个
{loop $data $r} //循环开始
<h4 class="blue"><a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],36,'')}</a></h4> //调用文章名和链接并限定标题长度为36字符,最多18个中文符
<p>{if $n==1}<img src="{thumb($r[thumb],90,60)}" width="90" height="60"/>{/if}{str_cut($r[description],112)}</p> /*调用缩略图,宽90px,高60px,调用文章内容作简介,前 112个 字符*/
<div class="bk20 hr"><hr /></div>
{/loop}
{/pc}
</div>
以下是首页焦点图片栏目代码 (在代码生成器里叫焦点图? 焦点图和推荐位没有怎么分清):
<div class="slide"> //焦点图栏目调用的文章必须是图片模型的文章
<div class="FocusPic">
{pc:content action="lists" catid="2" order="id DESC" num="5"} //调用pc标签pc:content,catid=2,调用数为5
<div class="content" id="main-slide">
<div class="changeDiv">
{loop $data $r} //循环开始
<a href="{$r['url']}" title="{str_cut($r['title'],30)}"><img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" /></a>
//调用路径、标题(限制为30字符),图片(宽310,高260),图片的ALT调用标题
{/loop} //循环结束
</div>
</div>
{/pc} //pc标签结束
</div>
以下是公告代码:
<div class="col-auto">
<div class="box">
<h5 class="title-2">公告<a href="" class="more"> </a></h5>
<div class="content">
{pc:announce action="lists" siteid="$siteid" num="2"} //pc标签pc:announce调用,显示数量为2
<ul class="list lh24 f14">
{loop $data $r} //循环开始
<li> <a href="{APP_PATH}index.php?m=announce&c=index&a=show&aid={$r['aid']}">{$r['title']}</a></li> //调用公告标题和链接
{/loop} //循环结束
</ul>
{/pc}
</div>
</div>
以下是专题代码:
<div class="bk10"></div>
<div class="box">
<h5 class="title-2">专题<a href="{APP_PATH}index.php?m=special&c=index&a=special&siteid={$siteid}" class="more">更多>></a></h5>
//更多,调用专题页面链接
<div class="content special">
{pc:special action="lists" siteid="$siteid" elite="1" listorder="3" num="2"}
//调用PC标签pc:special 专题数为2??? 不知为什么测试时只在首页显示了一个专题。
{loop $data $r}
{if $n!=1}<div class="hr bk15"></div>{/if}
<p style="margin:0">
<a href="{$r[url]}"><img src="{$r[thumb]}" width="90" height="70" /></a> //调用专题缩略图和链接 宽90,高70
<strong><a href="{$r[url]}">{str_cut($r[title],'18')}</a></strong><br />{str_cut($r['description'],50)} //调用专题专题标题和链接 描述50字符。
</p>
{/loop}
{/pc}
</div>
</div>
以下是图片新闻的代码:
<div class="bk10"></div>
<div class="box">
<h5>图片新闻</h5>
{pc:content action="position" posid="12" thumb="1" order="listorder DESC" num="10"}
<ul class="content news-photo picbig">
{loop $data $r}
<li>
<div class="img-wrap">
<a href="{$r[url]}" title="{$r[title]}"><img src="{thumb($r[thumb],110,0)}" title="{$r[title]}"/></a>
</div>
<a href="{$r[url]}" title="{$r[title]}">{str_cut($r[title],20)}</a>
</li>
{/loop}
</ul>
{/pc}
</div>
分类内容调用
{loop subcat(0,0,0,$siteid) $r} //分类显示文章列表区块循环开始
{php $num++}
<div class="box cat-area" {if $num%2!=0}style=" margin-right:10px"{/if}> //如果栏目数为奇数,那么margin-right为10px;
<h5 class="title-1">{$r[catname]}<a href="{$r[url]}" class="more">更多>></a></h5> //调用分类名,和分类地址给“更多”
<div class="content">
{pc:content action="lists" catid="$r[catid]" order="updatetime DESC" thumb="1" num="1" return="info"} //调用栏目推荐文章1个
{loop $info $v}
<p>
<img src="{thumb($v[thumb],90,0)}" width="90" height="60"/> //栏目推荐文章缩略图
<strong><a href="{$v['url']}" target="_blank" title="{$v['title']}"{title_style($v[style])}>{str_cut($v['title'],28)}</a></strong><br />{str_cut($v['description'],100)}
//推荐文章加粗标题和链接,标题限制为28字符,描述100个字符。
</p>
{/loop}
{/pc}
<div class="bk15 hr"></div> //15px的补白
{pc:content action="lists" catid="$r[catid]" num="5" order="id DESC" return="info"} //调用PC标签,文章列表,显示5个
<ul class="list lh24 f14">
{loop $info $v}
<li>·<a href="{$v['url']}" target="_blank" title="{$v['title']}"{title_style($v[style])}>{str_cut($v['title'],40)}</a></li> //按li显示标题和链接,标题字符数限制为40;
{/loop}
以下是排行榜代码
<div class="box">
<h5 class="title-2"><span class="rt fn f12 tab SwapTab"><span class="fb">热点</span> | <span >评论</span> | <span>关注</span></span>排行</h5>
//三个链接,怎么实现切换效果的? 不知道。。。 刚刚发现了,在本源代码最下面有两名js
/*
<script type="text/javascript">
$(function(){
new slide("#main-slide","cur",310,260,1);//焦点图
new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB
})
</script>
*/
<div class="tab-content">
<ul class="content digg"> //热点排名文章调用
{pc:content action="hits" catid="6" num="10" order="views DESC"}
{loop $data $r}
<li><a href="{$r[url]}" target="_blank" title="{$r[title]}"{title_style($r[style])}>{$r[title]}</a></li>
{/loop}
{/pc}
</ul>
<ul class="content digg hidden"> //评论排名文章调用
{pc:comment action="bang" num="10" cache="3600"}
{loop $data $r}
<li><a href="{$r[url]}" target="_blank">{$r[title]}</a></li>
{/loop}
{/pc}
</ul>
<ul class="content digg hidden"> //关注排名文章调用
{pc:content action="hits" catid="6" num="10" order="views DESC"}
{loop $data $r}
<li><a href="{$r[url]}" target="_blank">{$r[title]}</a></li>
{/loop}
{/pc}
</ul>
</div>
以下是友情链接的代码
<div class="box blogroll ylink">
<h5><a href="{APP_PATH}index.php?m=link&siteid={$siteid}" hidefocus="true" class="rt">更多>></a>友情链接<a href="{APP_PATH}index.php?m=link&c=index&a=register&siteid={$siteid}" class="red">申请链接</a></h5>
<div class="bk10"></div>
<ul class="colli imgul">
{pc:link action="type_list" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
{loop $pic_link $v}
<li><a href="{$v['url']}" title="{$v['name']}" target="_blank"><img src="{$v[logo]}" width="88" height="31" /></a></li>
{/loop}
{/pc}
</ul>
{pc:link action="type_list" siteid="$siteid" order="listorder DESC" num="10" return="dat"}
<div class="bk10"></div>
<div class="linka">
{loop $dat $v}
{if $type==0}
<a href="{$v[url]}" target="_blank">{$v[name]}</a> |
{else}
<a href="{$v[url]}" target="_blank"><img src="{$v[logo]}" width="88" height="31" style="border: 1px solid #FFBE7A;"></a>
{/if}
{/loop}
</div>
{/pc}
</div>
</div>
没有评论:
发表评论