在做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文件对应的地方就大功告成了!

Discuz添加自定义模板广告的更多相关文章

  1. DISCUZ 自定义模板

    DISCUZ 自定义模板 模板安装和维护 安装新模板 将模板template打包放在对应目录:template/ 后台 -> 界面 -> 风格管理 , 安装模板 后台 -> 界面 - ...

  2. Discuz!X/模板标签说明

    Discuz 模板标签说明 Discuz! 的模板采用近似 PHP 表达式的语法,基本都是可识别的HTML,但涉及到变量和动态内容时,基本形式下: <!-{ 代码内容 }-> 逻辑元素包围 ...

  3. Linux centosVMware zabbix主动模式和被动模式、添加监控主机、添加自定义模板、处理图形中的乱码、自动发现

    一.主动模式和被动模式 主动或者被动是相对客户端来讲的 被动模式,服务端会主动连接客户端获取监控项目数据,客户端被动地接受连接,并把监控信息传递给服务端 主动模式,客户端会主动把监控数据汇报给服务端, ...

  4. 黄聪:Discuz自制模板带jquery时与discuz本身冲突解决办法

    由于JQuery的效果很好,在制作模板时难免会用到各种jquery效果.可是做过模板的人就会发现加上自己的juery代码后,discuz自带的一些下拉功能就不可以使用了,其实原因就是discuz和JQ ...

  5. discuz默认模板文件结构详解-模板文件夹介绍

    | — template — default   系统内置风格模板(默认风格)| — template — default  – discuz_style_default.xml  风格安装文件,可用 ...

  6. discuz论坛模板文件目录

    公共模板文件夹 ./template/default/common/ common.css 公共CSS文件 faq.htm 帮助模板文件 footer.htm 系统总底部模板 footer_ajax. ...

  7. discuz xplus 模板 没解析的问题

    <?xxx?> 模板中用得是短标签,没加php, 在php.ini中,把 open_short_tag = On ; 打开即可!浪费一上午的时间

  8. discuz论坛 模板修改

    门户首页 template/rtj1009_007/portal/index.php 头部二级导航 template/rtj1009_007/common/toubu.php 底部内容文件 templ ...

  9. discuz 文件模板edit

    1.修改title Power by discuz! 位置:template/default/common   --->header_common.htm 2.discuz.htm 文件路径(修 ...

随机推荐

  1. Java基础之equals方法和"= ="的区别

    ==操作符专门用来比较两个变量的值是否相等,也就是用于比较变量所对应的内存中所存储的数值是否相同,要比较两个基本类型的数据或两个引用变量是否相等,只能用==操作符. 如果一个变量指向的数据是对象类型的 ...

  2. OAuth 2.0: Bearer Token Usage

    Bearer Token (RFC 6750) 用于HTTP请求授权访问OAuth 2.0资源,任何Bearer持有者都可以无差别地用它来访问相关的资源,而无需证明持有加密key.一个Bearer代表 ...

  3. 在SCIKIT中做PCA 逆运算 -- 新旧特征转换

    PCA(Principal Component Analysis)是一种常用的数据分析方法.PCA通过线性变换将原始数据变换为一组各维度线性无关的表示,可用于提取数据的主要特征分量,常用于高维数据的降 ...

  4. mysql的下载地址+Download WinMD5

    http://dev.mysql.com/downloads/mysql http://www.nullriver.com/products

  5. css元素水平垂直居中的十种方法

    四月底在杭州金诚的前端面试过程中,问到了父元素中子元素水平和垂直居中的方式,因为平时疏于整理,只说上来两种.后来面试过了,所以现在回想到这个问题,所以针对各种情况集中整理一下. 首先看页面结构和元素的 ...

  6. Netflix Hystrix - 快速入门

    Hystrix最初是由Netflix的API team研发的,用于提高API的弹性和性能,2012年在公司内部广受好评. 如果你的应用是一个单独的应用,那几乎不用在意断路的问题. 但在分布式环境中,各 ...

  7. 学习笔记:JavaScript-入门篇

    1.对话框,输出框,警告框   1. document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容.   2.alert(字符串或变量);   3.conf ...

  8. Vmware报错:此主机支持IntelVTx 但IntelVTx处于禁用状态

    "此主机支持IntelVTx 但IntelVTx处于禁用状态",报错原因:电脑未开启虚拟化 解决方案: 电脑关机(是关机不是重启)--开机,进BIOS --选择 configura ...

  9. centos6.5 scala环境变量

    [root@m1 ~]# vi /etc/profile export SCALA_HOME=/usr/local/soft/scala-2.11.8export PATH=$PATH:$SCALA_ ...

  10. 汽车Vin码识别技术的由来到发展

    核心内容:汽车Vin码.汽车车架号.Vin码识别.汽车Vin码识别.车架号识别.汽车车架号识别 一.汽车Vin码识别应用背景 随着二手车产业链发展越来越强大,在汽车买卖以及后市场应用中,了解车辆的相关 ...