DIY使用技巧之通过静态模块添加自定义广告！ 让DIY充分融入站点运营中

对DIY的各种功能进行讲解，充分发挥DIY的各种功能让站点运营更青出一蓝。广告是网站重要的收入来源，所以整理三个常用的DIY广告添加方法给大家

相关帖子引导：
DIY使用技巧之通过静态模块添加自定义广告！ 让DIY充分融入站点运营中
DIY使用技巧之页面幻灯轮播的优化




本帖讲解DIY使用技巧之通过静态模块添加自定义广告(该贴适合新手站长阅读，懂的童鞋可以路过了)





一般广告的格式分为以下集中布局

---

通过DIY的静态模块我们可以按照以下方法得到上面的各种效果：

1、横幅广告

---

2、左右形式
DIY添加展示类-静态模块-数据来源选择自定义html
填入以下代码：

1. <div class="z"><a href="链接地址"><img src="图片地址"></a></div><div class="y"><a href="链接地址"><img src="图片地址"></a></div>

复制代码

代码解释:
class="z" 这个是浮动到左边，宽度根据图片的宽度自适应
class="y"浮动到右边，宽度根据图片的宽度自适应（这两个参数属性是DX程序自带的，所以我们只需要利用他）
整段代码的意思大家就应该明白了，第一个图左、第二个图右，（注意：两个图片的总体宽度不能超过960px）控制好图片的宽度就能得到理想的效果

---

3、多列形式
DIY添加展示类-静态模块-数据来源选择自定义html
填入以下代码：

1. <div class="z"><a href="链接地址"><img src="图片地址"></a></div>
   
2. <div class="z" style="margin-left:10px;"><a href="链接地址"><img src="图片地址"></a></div>
   
3. <div class="y"><a href="链接地址"><img src="图片地址"></a></div>

复制代码

代码解释：

这段代码与上面的有点类似，结合第二段讲的，在第二个DIV里面多出了一个margin-left:10px这句的意思是距离左边的框架10px

整段代码即左浮动、左浮动（距离左边框10px）、右浮动（注意：两个图片的总体宽度不能超过960px）控制好图片的宽度就能得到理想的效果

通过上面的这三个常用广告讲解，自己进行改造实验定会得到自己需要的广告布局

好文章啊~~~~

这个必须顶。

这么好的文章，不顶不行啊

很不错!

感谢版主啊。

感谢分享，收藏

我现在期待x2