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
Discuz添加自定义模板广告相关推荐
- Discuz的模板制作与源代码分析
许多使用discuz的人都会自然的想到论坛的风格.样式和模板,如何修改它,如何让它符合心中的要求,相信大家只要对discuz的模板源代码进行钻研的话,那就肯定能够自己独立修改,并且达到自己想要的风格和 ...
- 19.7 主动模式和被动模式 添加监控主机 添加自定义模板 处理图形
9月11日任务 19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形中的乱码 19.11 自动发现 扩展 zabbix监控交换机(思科) http:// ...
- zabbix的主动模式和被动模式、添加监控主机、添加自定义模板、处理图形中的乱码、自动发现...
主动模式和被动模式 主动或者被动是相对客户端来讲的 被动模式,服务端会主动连接客户端获取监控项目数据,客户端被动地接受连接,并把监控信息传递给服务端 主动模式,客户端会主动把监控数据汇报给服务端,服务 ...
- 19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形...
19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形中的乱码 19.11 自动发现 转载于:https://blog.51cto.com/1322737 ...
- Discuz!NT 模板机制分析(转)
作为产品中的一大特色,模板机制一经推出,就引来了大家特别是站长们的关注.但它所饱受的风风 雨雨也成了那时不少人关注的话题.而今天本人将结合在产品组中的开发经历,介绍一下模板机制在设计 使用时的一些体会 ...
- 19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形中的乱码 19.11 自动发现...
2019独角兽企业重金招聘Python工程师标准>>> 19.7 主动模式和被动模式 • 主动或者被动是相对客户端来讲的 • 被动模式,服务端会主动连接客户端获取监控项目数据,客户端 ...
- 原生编辑器_微信小程序 广告原生模板广告
原生模板 广告 小程序广告流量主操作指引:文档地址 开发者可以使用 ad-custom 组件创建 原生模板 广告组件,原生模板 广告组件在创建后会自动拉取广告数据并显示. 广告尺寸设置 原生模板 广告 ...
- Discuz手机模板:NVBING5-APP手机版
内容目录 一.详细介绍 二.效果展示 1.部分代码 2.效果图展示 三.学习资料下载 一.详细介绍 Discuz手机模板:NVBING5-APP手机版,界面美观大方,可封装安卓/苹果APP,模板文件+ ...
- (已更新)Discuz手机模板:NVBING5-APP手机版,界面美观大方,可封装安卓/苹果APP,模板文件+插件+分类信息导入文件
Discuz手机模板:NVBING5-APP手机版--是一款界面美观大方的完整Discuz手机模板,附带模板+插件+分类信息导入文件+详细的安装说明+模块说明. 功能介绍 *支持封装安卓APP.苹果A ...
最新文章
- 使用Mahout搭建推荐系统之入门篇3-Mahout源码初探
- Spring Cache抽象-使用SpEL表达式
- jsp java循环读取json_JAVA JSON遍历问题,求解(内附代码)
- 月结 sap_SAP运行物料账的常见错误
- js中substr与substring的差别
- 2020年计算机二级access考试大纲,2020年全国计算机二级ACCESS考试分析与小结(7页)-原创力文档...
- Mavean多工程依赖项目
- ActiveMQ面试题
- Spring Boot实现SAAS平台的基本思路
- 虚拟机与ubuntu(一):VirtureBox虚拟机安装和ubuntu14搭建
- 毕设题目:Matlab肌电信号
- Java中的this有哪四种用法
- JS+CSS实现幻灯片
- java全栈开发主要工作内容,java全栈工程师
- Java开心农场源码Java欢乐农场源码
- Centos用speedtest.py测试服务器(国外)上传下载速度
- 万字详解 Linux 常用指令(值得收藏)
- 直播质量的几个重要指标
- 艾司博讯:拼多多网店账号出现异常该怎么解决?
- java简洁日历代码