discuz 简易使用DIY设置多格多行布条横幅广告--DIY系列教程

dly · 发表于 2011-8-23 14:34:36

广告是站点的收录来源之一，所以很多站点都有出售广告位。
热门的广告在首页头部（门户或者论坛BBS），如果这个位置只能下放一张广告布条，就有点浪费了（除非价钱很好）。
要如何在这个热门位置多设几张广告布条，一直是很多新站长提问的事，这里以DIY + HTML代码为设置做教程，让大家参考。后台广告设置则请看这里；官方页头广告示例讲解
http://www.discuz.net/thread-1671615-1-1.html

参考样式；
这是6个3行，分别是第一行两格；第而行一格；第三行三格（如下二图）

这是四格三行广告，上、中行是一格全幅；第三行是两格（如下二图）

图文设置说明步骤如下；
进入DIY界面，点击选择框架。

选择好了框架，点击模块，步骤看图说。。。

完成~就是这么简单而已。

代码说明；使用以下代码

<a href="地址链接"><img src="广告图片链接" width="宽度设置，调整方式以 % 为主" border="0" /></a>

复制代码

参考例子；
一行一格全幅图片

<a href="地址链接"><img src="广告图片链接" width="100 % " border="0" /></a>

复制代码

一行二格对半图片

<a href="地址链接"><img src="广告图片链接" width="478.5 % " border="0" /></a>
<a href="地址链接"><img src="广告图片链接" width="478.5 %" border="0" /></a>

复制代码

一行三格图片

<a href="地址链接"><img src="广告图片链接" width="319.5 % " border="0" /></a>
<a href="地址链接"><img src="广告图片链接" width="319.5 %" border="0" /></a>
<a href="地址链接"><img src="广告图片链接" width="319.5 %" border="0" /></a>

复制代码

每加多一张图片，就加多一组代码，以此类推。；如果上下两行图片需要有分隔空位，加<br/>，如下；
二行1格图片

<a href="地址链接"><img src="广告图片链接" width="478.5 % " border="0" /></a>
<br/>
<a href="地址链接"><img src="广告图片链接" width="478.5 %" border="0" /></a>

复制代码

注意；官方默认模板的宽度是960，其它模板可能不同，调整 width=" %"来对应就可以了。

DIY时，会有框架字眼的显示，要然后去掉这个字眼呢？
如下图说明；
A）点击框架的标题（注意是红色背景的编辑）——》去掉标题字眼就行了。去掉字眼后，B位置就会显示为白底。
C）要去掉框边，点击框架的样式，在指定class的选择样式菜单里设置为无版块框架。

不了情 · 发表于 2011-8-25 04:10:29

多谢，又学了一招。

discuz 简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程

相关帖子

discuz 简易使用DIY设置多格多行布条横幅广告--DIY系列教程