网站首页新闻组件U107

HTML代码已调好易优标签，要BP标签自己改一下大同小异:

 
{eyou:channelartlist typeid='10'}
<div class="ey-news107">
<div class="n_cw">
<div class="top"> {eyou:arclist limit='0,1' titlelen='30' infolen='99'}
<p class="pic"> <span class="tp"><img src="{$field.litpic}"/></span> <span class="bg"></span> </p>
{/eyou:arclist}
<div class="font107">
<ul>
{eyou:channel row="2" type ='son' mod='2'}
<li><a href="{$field.typeurl}" class="box">{$field.typename}</a></li>
{/eyou:channel}
</ul>
{eyou:arclist limit='0,1' titlelen='30' infolen='99'}
<div class="con"> <a href="{$field.arcurl}" class="box">
<p class="p1 g_ell">{$field.title}</p>
<p class="p2">{$field.seo_description}</p>
<span class="more107">READ MORE ></span> </a> </div>
{/eyou:arclist} </div>
</div>
<div class="bot107">
<ul>
{eyou:arclist limit='1,4' titlelen='18' infolen='55'}
<li> <a href="{$field.arcurl}" class="box">
<p class="time107">{$field.add_time|MyDate='Y-m-d',###}</p>
<span class="line107"></span>
<p class="p1">{$field.title}</p>
<p class="p2">{$field.seo_description}</p>
</a> </li>
{/eyou:arclist}
</ul>
</div>
</div>
</div>
{/eyou:channelartlist}

CSS样式代码：

 

使用说明：

将代码放入对应位置就是可实现演示效果！(加放VIP解锁更多福利)