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

extollive · 发表于 2011-8-17 10:11:43

本帖最后由 extollive 于 2011-9-2 22:14 编辑

广告是站点的收录来源之一，所以很多站点都有出售广告位。
热门的广告在首页头部（门户或者论坛BBS），如果这个位置只能下放一张广告布条，就有点浪费了（除非价钱很好）。
要如何在这个热门位置多设几张广告布条，一直是很多新站长提问的事，这里以DIY + HTML代码为设置做教程，让大家参考。后台广告设置则请看这里；官方页头广告示例讲解
https://discuz.dismall.com/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的选择样式菜单里设置为无版块框架。

其他互助的教程分享；
小六子的教程::
【教程】举报功能为何版主等不能查看？教程來了～
https://discuz.dismall.com/thread-2240593-1-1.html
关于x2版本附件图片幻灯片调用解決方法
https://discuz.dismall.com/thread-2179276-1-1.html
使x2版本有x1.5的页头邀请链接修改方法
https://discuz.dismall.com/thread-2151745-1-1.html
门户管理发布文章时提示沒有权限发布的解决方法
https://discuz.dismall.com/thread-2149148-1-1.html
【教程】马甲用不了吖,本教程提供了文字以及图片教学
https://discuz.dismall.com/thread-2134062-1-1.html
[教程]教你如何删除或者发表早稿箱里的帖子
https://discuz.dismall.com/thread-2132894-1-1.html
x2 实现【教程】x2版本邀请功能,更改位置后的
https://discuz.dismall.com/thread-2149352-1-1.html
不同页面不同logo
https://discuz.dismall.com/thread-2294940-1-1.html
x2 幫助数据补全
https://discuz.dismall.com/thread-2293228-1-1.html
【教程】如何实现官方DZX插件区分类信息的搜索功能及显示功能
https://discuz.dismall.com/thread-2288364-1-1.html
x2 使用QQ微博转播时+发帖时QQ微博转播时自动增加话题
https://discuz.dismall.com/thread-2286234-1-1.html
只关闭帖子列表的快速回帖，不关闭帖子内的快速回复
https://discuz.dismall.com/thread-2259896-1-1.html
x2 帖子内容页有鉴定图章时遮盖楼主的修正方法
https://discuz.dismall.com/thread-2259437-1-1.html
[ARCHY`教程]第一讲：Discuz 建站教程学前准备
https://discuz.dismall.com/thread-2299200-1-1.html
[ARCHY`教程]第二讲：Discuz建站教程之环境配置和常用工具推荐
https://discuz.dismall.com/thread-2299209-1-1.html
[ARCHY`教程]第三讲：Discuz建站教程之安装注意以及插件和模板的安装
https://discuz.dismall.com/thread-2299212-1-1.html
[ARCHY`教程]第四讲：Discuz建站教程之SEO设置全解
https://discuz.dismall.com/thread-2299217-1-1.html
[ARCHY`教程]第五讲：Discuz 建站教程论坛版块的增删和常用设置
https://discuz.dismall.com/thread-2299223-1-1.html
[ARCHY`教程]第六讲：Discuz 建站教程积分策略的设置和使用技巧
https://discuz.dismall.com/thread-2299227-1-1.html
[ARCHY`教程]第七讲：Discuz 建站教程防灌水设置更好的优化用户体验
https://discuz.dismall.com/thread-2299230-1-1.html

花到飞靡
https://discuz.dismall.com/home.php?m ... &view=me&from=space

我的其它主题分享；
鼠标滑过链接出现漂亮提示/鼓励点击浏览内容/美化站点/扫掉郁闷的千篇一律/简便安装（最新）
https://discuz.dismall.com/thread-2359830-1-1.html

随时、简便更换论坛背景的方法（DIY系列教程）
https://discuz.dismall.com/thread-2354169-1-1.html
（解决）抱歉，你的IP地址不在被充许，或您的帐号被禁用，无法访问本站点（的方法）
https://discuz.dismall.com/thread-2353668-1-1.html
X2设置评分教程
https://discuz.dismall.com/thread-2337032-1-1.html
简易使用DIY设置多格多行布条横幅广告--DIY系列教程
https://discuz.dismall.com/thread-2330208-1-1.html
DZX系列的横排友情设置教程
https://discuz.dismall.com/thread-2247163-1-1.html
DIY一列多行的数据调用
https://discuz.dismall.com/thread-2328882-1-1.html
帖子无缘无故失踪的原因（解决灵异事件—1）
https://discuz.dismall.com/thread-2327941-1-1.html
DIY模块失踪了（解决灵异事件—2）
https://discuz.dismall.com/thread-2328454-1-1.html
教你用最简单的方法做自己的logo（1分钟拥有自己的标志，不必求人咯）
https://discuz.dismall.com/thread-2326998-1-1.html
去掉头部升级IE提示【卓芸-V系】V2.0(20110805) DX2透明模板模板机制更新原作BY:
https://discuz.dismall.com/thread-2326966-1-1.html
帮助中心通用帮助主题内容图文说明与下载（DZX 系列）
https://discuz.dismall.com/thread-2298898-1-1.html
海外的视频无法播放问题（解决方法）
https://discuz.dismall.com/thread-2297927-1-1.html
专题 DIY 保存发生错报的看这里（应对解决方法）
https://discuz.dismall.com/thread-2295486-1-1.html
如何设置分类信息（图文教程、DZX系列）
https://discuz.dismall.com/thread-2269181-1-1.html
游客无法正常浏览只能看到头部Logo、背景色的解决方法
https://discuz.dismall.com/thread-2262709-1-1.html
房产安装后无法启用的解决（小小分享）
https://discuz.dismall.com/thread-2336161-1-1.html

DZ互助团队页面；
https://discuz.dismall.com/plugin.php?id=issuetrack:team
欢迎浏览我的空间
https://discuz.dismall.com/home.php?mod=space&uid=984166

更多>>

下砂 · 发表于 2011-8-17 10:35:39

支持下

吟风听月 · 发表于 2011-8-17 10:13:30

这个很好，其实很简单，但是功能强大，谢谢分享

extollive · 发表于 2011-8-17 10:14:26

吟风听月发表于 2011-8-17 10:13
这个很好，其实很简单，但是功能强大，谢谢分享

谢谢支持

lin.sy@live.cn · 发表于 2011-8-17 10:36:40

谢谢分享

不得不坏 · 发表于 2011-8-17 10:37:47

extollive · 发表于 2011-8-17 10:48:03

不得不坏发表于 2011-8-17 10:37

怎么了

antuar · 发表于 2011-8-17 11:05:52

呵呵，你的实例图上，那几张广告图片是我网站上的，你在哪里看到的啊

64243354 · 发表于 2011-8-17 12:06:43

妹妹
也可以在廣告设置中
用HTML码使用<P>來实现的

梦想国际机票 · 发表于 2011-8-17 13:06:26

对于本帖我不发布任何意见

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

评分

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