当前位置：首页 > 织梦教程 >

织梦dedecms首页调用缩略图为背景

免费网站模板 2020-09-15 11:21 织梦教程 ℃ 评论

配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用，既可以实现把缩略图作为背景，另外还需要用到background-position这个标签，做好背景的定位。

这里还有不使用下面的标签模板

<ul>

{dede:arclist typeid='频道id' row='调用次数4' titlelen='标题长度20' orderby='id' imgwigth='60' imgheight='60' type='image' }

<li><img src="[field:litpic/]" width="100" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a></li>

{/dede:arclist}

</ul>

应该使用这个标签模板：

<ul>

{dede:arclist row='1' }

<li>

<div class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好这个div的宽、高，才能看得到背景</div>

<div class="title"><a href='[field:arcurl/]'>[field:title/]</a></div>

</li>

{/dede:arclist}

</ul>

本文标签：

版权说明：如非注明，本站文章均为 dede模板_织梦网站模板_网站源码下载_模板精原创，转载请注明出处和附带本文链接。

上一篇

上一篇：织梦dede列表页实现隔行_多行随意换色
下一篇

下一篇：dedecms模板最新文章图片的flash调用源代码

--查看详细--

黑色的家居装饰企业站模板html

售价：0 ℃ 评论
--查看详细--

蓝色大气的正宏装饰公司网站静态模板

售价：0 ℃ 评论
--查看详细--

app销售模板【kk梦空间】

售价：0 ℃ 评论
--查看详细--

创客云模板【kk梦空间精品】

售价：0 ℃ 评论
--查看详细--

灰色

售价：0 ℃ 评论
--查看详细--

嘉特青少年教育培训企业网站模板html整站

售价：0 ℃ 评论

织梦教程_免费织梦模板下载_dede模板

织梦dedecms首页调用缩略图为背景

黑色的家居装饰企业站模板html

蓝色大气的正宏装饰公司网站静态模板

app销售模板【kk梦空间】

创客云模板【kk梦空间精品】

灰色

嘉特青少年教育培训企业网站模板html整站

我猜你还喜欢这些...