首页案例展示U341

首页案例展示10

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

 
{eyou:channelartlist typeid='21'}
<div class="case314 w314">
<div class="title"><span>{eyou:field name='typename' /}</span></div>
<div class="tab"> {eyou:channel type="son" row='10'} <a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a> {/eyou:channel} </div>
<div class="con314">
<div class="gridlist clearfix"> {eyou:arclist row='8' titlelen='30'}
<div class="item"><a href="{$field.arcurl}" title="{$field.title}"><img src="{$field.litpic}" alt="{$field.title}"/>
<div class="bg"></div>
<span class="plus"></span>
<h3>{$field.title}</h3>
</a></div>
{/eyou:arclist} </div>
</div>
</div>
{/eyou:channelartlist}

CSS样式代码:

此隐藏内容仅限VIP查看升级VIP

 

使用说明:

 

上传图片到网站的图片文件夹,修改css样式的调用路径,比如“{eyou:global name=’web_templets_pc’ /}/skin/images/ch314.png”改成“../images/ch314.png”。

图一:

首页案例展示10(图1)

图二:

首页案例展示10(图2)

图三:

首页案例展示10(图3)

原文链接:http://www.zsiss.com/3384.html,转载请注明出处。

0

评论0

请先

爱分享推出ChatGPT国内镜像,无需魔法直接用!写文章,写代码,做PPT,做网站原创软文效果好到爆炸 https://chat.gcrup.com

社交账号快速登录