要实现在DedeCMS中使用大图showphoto.htm输出图集内容,你需要按照以下步骤操作:
(图片来源网络,侵删)1、创建一个新的HTML文件,命名为showphoto.htm,并将其放入DedeCMS的模板文件夹中。
2、在showphoto.htm文件中,编写HTML代码,引入DedeCMS的相关标签库和CSS样式。
<!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>图集展示</title> <link href="/css/style.css" rel="stylesheet" type="text/css"> <script src="/js/common.js"></script> </head> <body> <!在这里编写大图展示的代码 > </body> </html>
3、在<body>
标签内,使用DedeCMS的标签库调用图集数据。
{dede:arclist row='10' typeid='0' orderby='pubdate'} <div class="photoitem"> <a href="[field:arcurl/]" title="[field:title/]"> <img src="[field:litpic/]" alt="[field:title/]"> </a> <p>[field:description/]</p> </div> {/dede:arclist}
4、根据需要,可以自定义CSS样式来美化页面,在<head>
标签内的<link>
标签后添加以下代码:
<style> .photoitem { float: left; width: 33.33%; padding: 10px; boxsizing: borderbox; } .photoitem img { width: 100%; height: auto; } </style>
5、保存showphoto.htm文件,然后在DedeCMS后台更新相关页面的模板为新创建的showphoto.htm。
通过以上步骤,你可以在DedeCMS中使用大图showphoto.htm输出图集内容。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。