博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Discuz添加自定义模板广告
阅读量:5953 次
发布时间:2019-06-19

本文共 1249 字,大约阅读时间需要 4 分钟。

在做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

你可能感兴趣的文章
DFI、DPI技术
查看>>
hibernate 执行存储过程 方法
查看>>
RapidIOIP核的验证方法研究_王玉欢
查看>>
崩溃日志的实例
查看>>
base64是啥原理
查看>>
字符串中去除连续相同的字符保留一个
查看>>
实战 Windows Server 2012 群集共享卷
查看>>
CSS 元素超出部分滚动, 并隐藏滚动条
查看>>
【转】文件各种上传,离不开的表单
查看>>
C#中的volatile关键字
查看>>
PHP过滤常用标签的正则表达式
查看>>
算法集锦(二)
查看>>
Unix环境高级编程(十五)高级I/O
查看>>
浅谈"n个球"和"m个盒子"之间的乱伦关系
查看>>
详解SpringMVC中Controller的方法中参数的工作原理
查看>>
2018-10-08
查看>>
Spring Cloud使用总结
查看>>
CentOS7(64)环境使用rpm命令安装gcc
查看>>
CDN与智能DNS原理和应用
查看>>
Android入门(十一)SQLite CURD
查看>>