Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 80607|回复: 87

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

  [复制链接]
发表于 2011-8-17 10:11:43 | 显示全部楼层 |阅读模式
本帖最后由 extollive 于 2011-9-2 22:14 编辑

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


参考样式;
这是6个3行,分别是第一行两格;第而行一格;第三行三格(如下二图)



这是四格三行广告,上、中行是一格全幅;第三行是两格(如下二图)




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




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


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




代码说明;使用以下代码
  1. <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>
复制代码


参考例子;
一行一格全幅图片
  1. <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>
复制代码
一行二格对半图片
  1. <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
  2. <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>
复制代码
一行三格图片
  1. <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>
  2. <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
  3. <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
复制代码
每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;
二行1格图片
  1. <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
  2. <br/>
  3. <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>
复制代码


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



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






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

花到飞靡
http://www.discuz.net/home.php?m ... &view=me&from=space

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

随时、简便更换论坛背景的方法(DIY系列教程)
http://www.discuz.net/thread-2354169-1-1.html
(解决)抱歉,你的IP地址不在被充许,或您的帐号被禁用,无法访问本站点(的方法)
http://www.discuz.net/thread-2353668-1-1.html
X2设置评分教程
http://www.discuz.net/thread-2337032-1-1.html
简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程
http://www.discuz.net/thread-2330208-1-1.html
DZX系列的横排友情设置教程
http://www.discuz.net/thread-2247163-1-1.html
DIY一列多行的数据调用
http://www.discuz.net/thread-2328882-1-1.html
帖子无缘无故失踪的原因(解决灵异事件—1)
http://www.discuz.net/thread-2327941-1-1.html
DIY模块失踪了(解决灵异事件—2)
http://www.discuz.net/thread-2328454-1-1.html
教你用最简单的方法做自己的logo(1分钟拥有自己的标志,不必求人咯)
http://www.discuz.net/thread-2326998-1-1.html
去掉头部升级IE提示【卓芸-V系】V2.0(20110805) DX2透明模板 模板机制更新 原作BY:
http://www.discuz.net/thread-2326966-1-1.html
帮助中心 通用帮助主题内容图文说明与下载(DZX 系列)
http://www.discuz.net/thread-2298898-1-1.html

海外的视频无法播放问题(解决方法)
http://www.discuz.net/thread-2297927-1-1.html
专题 DIY 保存 发生错报 的看这里(应对解决方法)
http://www.discuz.net/thread-2295486-1-1.html
如何设置分类信息(图文教程、DZX系列)
http://www.discuz.net/thread-2269181-1-1.html
游客无法正常浏览 只能看到头部Logo、背景色的解决方法
http://www.discuz.net/thread-2262709-1-1.html
房产安装后无法启用的解决(小小分享)
http://www.discuz.net/thread-2336161-1-1.html


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




                                                                                                                                       更多>>


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

4

查看全部评分

发表于 2011-8-17 10:35:39 | 显示全部楼层
支持下
回复

使用道具 举报

发表于 2011-8-17 10:13:30 | 显示全部楼层
这个很好,其实很简单,但是功能强大,谢谢分享
回复

使用道具 举报

 楼主| 发表于 2011-8-17 10:14:26 | 显示全部楼层
吟风听月 发表于 2011-8-17 10:13
这个很好,其实很简单,但是功能强大,谢谢分享

谢谢支持
回复

使用道具 举报

发表于 2011-8-17 10:36:40 | 显示全部楼层
谢谢分享
回复

使用道具 举报

发表于 2011-8-17 10:37:47 | 显示全部楼层
回复

使用道具 举报

 楼主| 发表于 2011-8-17 10:48:03 | 显示全部楼层
不得不坏 发表于 2011-8-17 10:37

怎么了
回复

使用道具 举报

发表于 2011-8-17 11:05:52 | 显示全部楼层
呵呵,你的实例图上,那几张广告图片是我网站上的,你在哪里看到的啊
回复

使用道具 举报

发表于 2011-8-17 12:06:43 | 显示全部楼层
妹妹
也可以在廣告设置中
用HTML码使用<P>來实现的
回复

使用道具 举报

发表于 2011-8-17 13:06:26 | 显示全部楼层
对于本帖我不发布任何意见
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

腾讯云市场年终大促!Discuz X3.4论坛系统免费用,虚拟主机低至20元/月,爆款小程序1元起!

小黑屋|Discuz! 官方站 ( 粤B2-20090059-165 )star

GMT+8, 2020-2-20 21:42

Powered by Discuz! X3.3

Copyright © 2001-2019 Tencent Cloud.

快速回复 返回顶部 返回列表