Discuz添加自定义模板广告

在做Discuz中广告的时候碰到个大问题,现在我需要做一个轮播的通屏广告位,调用广告图片的代码应该是以下代码:
<ul>
     <li style="background:url(图片地址) no-repeat center top;"><a href="#"></a></li>
</ul>

我需要把图片地址放在li的背景图片中,来适应所有显示器的宽度,让图片居中。

而且广告位中不能放置默认图片,还需要客户来添加广告图片。

这种,那么使用默认的广告位模板代码就不能实现了。

 

按照DZ自带的广告位做法,从后台的广告位中添加自定义广告(运营->站点广告-> 添加自定义广告位 )
在广告位中选择图片类型传入图片后,前台使用<!--{ad/custom_1}-->可以调用出刚才传的广告图片
前台调用后的广告代码为:
<div style="float: left; width: 图片宽度px; ">
<a href="#" target="_blank"><img src="图片地址" height="350" border="0"></a>
</div>

 

之前的想法是改变DZ中自定义广告位的模板代码,找了很多文件,都没有找到对应的地方。后来高手给我提供了一个方法,完美解决了这个问题。

 

1、在后台中进入门户->模块模板,选择添加图片模块,提交

2、输入模板名称和模板代码

按照上面我需要的效果,我把代码改成了如下样式

<ul>
[loop]
 <li style="background:url("{pic}") no-repeat center top;"><a href="{url}" target="_blank" alt="{title}"></a></li>
[/loop]
</ul>

在输入框上DZ提供了常用的标签,根据需要更改自己的模板代码,需要注意一点的是,之后插入图片的时候,图片的标题是必须输入的,如果没有输入会提示标题长度不正确。而添加位置需要输入什么内容是根据你调用了哪些标签决定的。所以为了不弹出标题报错,我们必须需要加入{title}标签。

3、点击提交之后我就建好了一个自定义的模块模板,在列表中可以看到我们刚才添加的模板。

接下来就是要调用这个模板了,进入门户->模块管理,选择数据调用。在模块分类中选择图片模块,点击添加调用。

在弹出的编辑模块窗口中按照你的需要填写相关内容,需要注意的是显示样式这一项要选择刚才新建好的模板名称,点击确定。

4、新建好后在模块列表中就会显示出刚才新增的模块,添加图片点击右边的数据,在弹出的模块数据中选择添加,按照提示加入你的图片就可以了。

5、到这一步广告模板已经建立好了,接下来我们就需要把广告放到页面中了。

调用方法是点击模块列表中该模块右边的内部调用/外部调用,把代码放到htm文件对应的地方就大功告成了!

转载于:https://www.cnblogs.com/sakura-panda/p/3458930.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/300524.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

我居然手写了Spring框架

手写完了刚参加工作那会接触java还是用的struct的时代&#xff0c;后面在SSH火爆时代的时候我转战.net,多年之后公司转java技术栈已经是Spring的天下&#xff0c;源码嚼了很多遍于是很想尝试把这套东西用在.net平台上。社区有个Spring.net项目已经多年不维护了&#xff0c;而且…

下班以后看什么,决定你人生的高度

全世界只有3.14 % 的人关注了青少年数学之旅王小波说&#xff1a;我活在世上&#xff0c;无非想要明白些道理&#xff0c;遇见些有趣的事&#xff0c;倘能如我所愿&#xff0c;我的一生就算成功。你的圈子将决定你的人生。每一位对事物都有着独特的态度让你成为一个有趣的人。今…

Mahout的taste推荐系统里的几种Recommender分析

Taste简介 看自:http://blog.csdn.net/zhoubl668/article/details/13297583Mahout 是apache下的一个java语言的开源大数据机器学习项目&#xff0c;与其他机器学习项目不同的是&#xff0c;它的算法多数是mapreduce方式写的&#xff0c;可以在hadoop上运行&#xff0c;并行化处…

bytecode java_Java 字节码解读

一、源代码public classPeople {privateString name;private intage;}二、利用Javap 反编译查看字节码结构信息javap -v People.class结果如下Classfile /D:/work/byte-code/src/People.classLast modified2020-12-9; size 240bytesMD5 checksum 54b8c1ad94a9c9cf5074fd8520454…

他狂骗五千万美元消失17年...却被一个纪录片导演锲而不舍的追到了镜头前!...

全世界只有3.14 % 的人关注了青少年数学之旅他&#xff0c;曾经是个做啥都无师自通的天才。他&#xff0c;在众多的行业里&#xff0c;莫名进入到了艺术品行业&#xff0c;没过多久&#xff0c;他靠着惊人的自学能力&#xff0c;成了艺术圈里所有人津津乐道的画商。他&#xff…

合肥.NET俱乐部第二期技术沙龙活动预告

各位亲爱的.NET从业和爱好者们&#xff1a; 大家好&#xff0c;自从19年举办.NET俱乐部第一期技术沙龙后&#xff0c;.NET在开源以及跨平台的加持下继续飞速发展&#xff0c;各种开源项目不断涌现&#xff0c;各种社区活动持续开展&#xff0c;.NET的生态逐步丰富&#xff0…

你见过扇贝游泳吗? | 今日趣图

全世界只有3.14 % 的人关注了青少年数学之旅正常颈椎VS颈椎病患者的颈椎丁香医生小学入学测试题你知道答案吗&#xff1f;图源网络为什么我的假期这么短&#xff1f;文丁香医生五子棋必胜秘籍图源网络那些女生称呼的真相图沙县小吃你有见过扇贝游泳吗小迷妹神吐槽

实名羡慕,国内这些厂.NET薪资高的吓人!

小米招C#工程师&#xff0c;要求WPF自动化设备&#xff0c;20~40k * 14薪&#xff1b;小鹏招WPF/.NET/PLC&#xff0c;25~40k年终&#xff1b;特斯拉招自动化控制16~25k * 15薪&#xff0c;华为应届硕士C#运动控制&#xff0c;就已经17~25k *14薪了。这些招聘让人眼热&#xff…

修车工在生命最后,才知道自己的儿子是如今世界首富!

全世界只有3.14 % 的人关注了青少年数学之旅在美国亚利桑那州凤凰城&#xff0c;曾经住着一个叫Ted Jorgensen的自行车修理工&#xff0c;他开了一家自行车店&#xff0c;平时默默的卖车修车&#xff0c;日子过的平平淡淡。在凤凰城郊区&#xff0c;他和二婚妻子住在这么一间不…

Sublime Text 2 中运行 PHP

2019独角兽企业重金招聘Python工程师标准>>> Sublime Text 2 has the concept of build systems. This basically means that if you are editing a Python file then you can run the Python interpreter on the source file your are editing and see the output …

python退出帮助系统help应该使用exit_python--help - tesion

python help学习python的过程中&#xff0c;难免遇到一些生疏的东西&#xff0c;为此需要参看相关的文档说明。Linux下众所周知有man可以查找系统的命令帮助页&#xff1b;对于python也提供了自己的帮助文档的2种方式&#xff1a;方式一&#xff1a;启动python解释器&#xff0…

试用GitHub Copilot一周后,我给你的建议是:不要使用它

如果你还不知道“GitHub Copilot”&#xff0c;它是GitHub推出“AI程序员”插件&#xff0c;可以根据你在VS Code输入的部分代码或注释&#xff0c;自动生成完整的代码。在我上次的文章中&#xff0c;演示了GitHub Copilot是如何工作的。刚开始&#xff0c;我对能够试用GitHub …

你知道长颈鹿是怎么睡觉的吗? | 今日趣图

全世界只有3.14 % 的人关注了青少年数学之旅一图教你打太极拳其实指甲也是一味药材你知道长颈鹿是怎么睡觉的吗&#xff1f;健身和肥宅的区别Win10的内置桌面并不是P的而是搭实景拍出来的当你玩游戏的时候...这才是第一个用蚂蚁花“被”...呗的人一般人的身高和他的臂展差不多一…

华仔andylau

好久没关注华仔&#xff0c;今天到华仔天地会逛下&#xff0c;转几张图片

ubuntu下搭建java web开发环境的详细步骤

系统环境&#xff1a;Ubuntu 10.10&#xff08;linux-kernel 2.6.35-22&#xff09;安装版本&#xff1a;apache-tomcat-7.0.29.tar.gz&#xff08;官方网址&#xff1a;Apache Tomcat&#xff09;安装步骤&#xff1a;1、下载 Tomcat下载 apache-tomcat-7.0.29.tar.gz&#xf…

C#网络类智能开关控制板实例

网络类智能开关控制板采用 TCP/IP 协议与控制主机&#xff08;PC 机&#xff09;进行通讯&#xff0c;运行稳定可靠&#xff0c;传输距离远&#xff0c;尤其适合不方便布线的场所。每块开关板分配一个唯一的 IP 地址&#xff0c;通过 IP 地址进行控制数据的传输区分&#xff1b…

扎哈遗作:北京大兴机场,耗资800亿,被英国《卫报》评为新世界七大奇迹!...

全世界只有3.14 % 的人关注了青少年数学之旅在经历了7次综合模拟演练、3场验证试飞之后&#xff0c;北京大兴国际机场终于迎来它“凤凰展翅”的高光时刻。这也意味着&#xff0c;北京将成为世界首个拥有双国际枢纽机场的城市。就连张口闭口说我们吃不起茶叶蛋、买不起榨菜的湾湾…

MVP on Board 没用小技巧

七月入选了微软 MVP&#xff0c;本文记录 on board 过程中遇到的小问题和没用小技巧。MVP Portal 当你收到来自微软的确认邮件之后&#xff0c;你将正式被接纳为微软现任 MVP 的一员。从此刻开始&#xff0c;你便拥有了 MVP portal 上相关的操作权限。MVP portal 的地址是 http…

普通人改变命运最关键的这几种方法

全世界只有3.14 % 的人关注了青少年数学之旅在工作之余&#xff0c;我们大量的碎片时间被手机占据。无意识的刷手机打发无聊&#xff0c;不如有趣又高品质的积累。我们特意精选了在不同领域的几个高品质公众号代表&#xff0c;希望让你在快乐打发闲暇时光的同时&#xff0c;也能…

JavaScript Dom编程艺术

当我对JavaScript还停留在只认识这几个字母的时候&#xff0c;有一天我突然心血来潮&#xff0c;在网上下了DOM Scripting的样章&#xff0c;照着里面的例子写了我平生第一个能让我知所以然JavaScript&#xff0c;在浏览器运行成功&#xff0c;兴奋不已&#xff0c;从此能把学习…