左右开首页产品元组U116

 

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

 
{eyou:channelartlist typeid='20'}
<div class="pro116">
<div class="pro116_in clear clearfix">
<div class="menu116 fl">
<div class="tit116">
<p>{eyou:field name='typename' /}</p>
<span>{eyou:field name='englist_name' /}</span></div>
<div class="list116">
<div class="li116"> {eyou:channel type="son" row='10'}
<p><a href="{$field.typeurl}">{$field.typename}</a></p>
{/eyou:channel} </div>
</div>
</div>
<div class="show_116 fr">
<ul>
{eyou:arclist typeid='2' row='6' titlelen='30'}
<li>
<div class="pro_list116">
<div class="pro_img116"><a href="{$field.arcurl}"><span><img src="{$field.litpic}" alt="{$field.title}" /></span></a></div>
<p><a href="{$field.arcurl}">{$field.title}</a></p>
</div>
</li>
{/eyou:arclist}
</ul>
</div>
<div class="clear"></div>
</div>
</div>
{/eyou:channelartlist}

CSS样式代码：

 

使用说明：

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