码迷,mamicode.com
首页 > Web开发 > 详细

discuz - diy 实现

时间:2015-11-26 13:15:02      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:discuz   title   hidden   

【小组风采】模板(DIY)实现:

<style type="text/css">

div#first-pic { float:left; }

div#first-topic {height:70px; overflow: hidden;}

div#topic-list {clear:both; line-height:200%;}

h2 { line-height:200%;}

p { line-height:200%; }

</style>


<div class="module cl">


[index=1]

<div id="first-pic">

<a href="{url}"><img style="padding-right:10px; padding-bottom:10px;" src="{pic}" width="{picwidth}"; height="{picheight}";/></a>

</div>


<div id="fist-topic">

<h2><a href="{url}" title="{title}"{target}>{title}</a></h2>

<p><span style="text-overflow:ellipsis; padding-right:10px;">{summary}</span><a href="{url}"><span style="color:#FF6633;">[详细]</span></a></p>

</div>

[/index]


<div id="topic-list">

<ul>

[loop]

<li><a href="{forumurl}"><span style="color:#FF6633; padding-right:10px;">[{forumname}]</span></a><a href="{url}" title="{title}"{target}>{title}</a></li>

[/loop]

[order=1][/order]

</ul>

</div>


</div>


discuz - diy 实现

标签:discuz   title   hidden   

原文地址:http://10893102.blog.51cto.com/10883102/1716977

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!