Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 解决广告图片左右不对齐的方法(DIY)

[复制链接]
extollive 发表于 2011-10-30 07:22:55 | 显示全部楼层 |阅读模式
本帖最后由 extollive 于 2011-10-30 07:28 编辑

好多新站长提问使用DIY功设置广告时,发生了图片左右不对齐的问题。
其实这个是很容易解决的事,不管您使用的是代码或者图片横幅,只需要调整模块里的样式“内边距”就行了。
这里做个基本小教程,希望对新站长们有帮助。




模块里数据来源选择图片横幅发生错位的解决方法;
1)鼠标移动到模块右边,出现编辑(注意模块的编辑是蓝色的)点击一下
2)菜单里选择样式——》内边距——》分别设置(点击一下)——》在“左”这里输入减数,一般是-10就足够了(如下图)


3)再点击编辑一次,选择属性图片宽度调整一下(默认是100%),可以加1、2、3.。。。以此类推(如下图)



DIY的广告设置有两种方法,一种是上述的数据来源选择图片横幅,另外一种是自定义HTML
除了广告联盟通常给予的广告是代码生成,使用HTML最大的原因是可以设置多个横幅图片,您可以参考这里;
简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程
https://discuz.dismall.com/thread-2330208-1-1.html
使用HTML发生广告图片错位,解决方法基本与上述一样大同小异。
1)鼠标移动到模块右边,出现编辑(注意模块的编辑是蓝色的)点击一下
2)菜单里选择样式——》内边距——》分别设置(点击一下)——》在“左”这里输入减数,一般是-10就足够了

简单的HTMK展示图片代码如下;
  1. <a href="广告的链接地址"target="_blank"><img src="图片链接地址" width="960" alt="图片说明" border="0"/></a>
复制代码

广告地址与图片地址链接,您需要自己输入,样式如下;
<a href="http://www.extollive.com"target="_blank"><img src="http://www.extollive.com/data/attachment/forum/201109/04/015056rgwh5mwtgwrc4t4y.jpg" width="960" alt="Welcome to Cameron Highlands" border="0"/></a>

官方默认模板左右对齐宽度一律是960,但是其它风格模板可能不同,有些会是950或者980到1000px的宽度,如果你需要对齐,就需要更改这里;
width="960"——》把960更改为适合您左右对齐的数目就可以了。
关于高度,我们这里可以不理,一般说来系统或者浏览器都会自动判别对应默认的高度。

本帖子中包含更多资源

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

x

评分

1

查看全部评分

64243354 发表于 2011-10-30 08:24:55 | 显示全部楼层
:L
回复

使用道具 举报

 楼主| extollive 发表于 2011-10-30 07:24:05 | 显示全部楼层
我的其它分享:
版块导航变形的解决办法
https://discuz.dismall.com/thread-2475029-1-1.html
自制选项卡仿81813导航,有人需要哦,做了顺便分享(全局通用、DZX系列通用)
https://discuz.dismall.com/thread-2463069-1-1.html
增加显示主题列表当前在线用户的方法
https://discuz.dismall.com/thread-2468333-1-1.html
回帖推荐的设置(被忽略了的前台好功能)
https://discuz.dismall.com/thread-2441740-1-1.html
帖子内容页漂亮横排图片设置方法
https://discuz.dismall.com/thread-2441057-1-1.html
(解决)添加的频道提示说分类已关闭 (的方法)
https://discuz.dismall.com/thread-2436851-1-1.html
更改头部背景色(设为首页/收藏本站)For X2
https://discuz.dismall.com/thread-2399459-1-1.html
免费下载特制验证图片,美化注册页面,增加站点温馨人性化,有效打击广告注册机
https://discuz.dismall.com/thread-2362921-1-1.html
关于用户无签名权限却有签名与广告链接的解决方法
https://discuz.dismall.com/thread-2362408-1-1.html
一次性消灭签名广告的方法(官方管理授招)
https://discuz.dismall.com/thread-2374893-1-1.html
鼠标滑过链接出现漂亮提示/鼓励点击浏览内容/美化站点/扫掉郁闷的千篇一律/简便安装(最新)
https://discuz.dismall.com/thread-2359830-1-1.html
随时、简便更换论坛背景的方法(DIY系列教程)
https://discuz.dismall.com/thread-2354169-1-1.html
网络历史第一次发布“健康精灵”表情一套+免费下载
https://discuz.dismall.com/thread-2462045-1-1.html
(解决)抱歉,你的IP地址不在被充许,或您的帐号被禁用,无法访问本站点(的方法)
https://discuz.dismall.com/thread-2353668-1-1.html
X2设置评分教程
https://discuz.dismall.com/thread-2337032-1-1.html
DZX系列的横排友情设置教程
https://discuz.dismall.com/thread-2247163-1-1.html
简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程
https://discuz.dismall.com/thread-2330208-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
设置分类信息的加密功能(教程)
https://discuz.dismall.com/thread-2356866-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
我自己的小站,欢迎你来看~
www.extollive.com
回复

使用道具 举报

 楼主| extollive 发表于 2011-10-30 11:56:32 | 显示全部楼层
64243354 发表于 2011-10-30 08:24

。。。。
回复

使用道具 举报

蓝水滴 发表于 2011-11-19 00:24:00 | 显示全部楼层
   不错的帖子!学习了!
回复

使用道具 举报

boniu_hk 发表于 2011-11-19 01:27:44 | 显示全部楼层
好技术~
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 17:37 , Processed in 0.043939 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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