一、收到朋友求助信息(需求了解):

--------------------------------------------------
                    消息对象:付杰<*******@126.com>
                    --------------------------------------------------
                    2008-03-06 08:49:16 付杰
                    在没有.
                    
                    2008-03-06 08:51:11 红猎人/yl
                    在的啊,好久不见你了
                      
                    
                    2008-03-06 08:51:58 付杰
                    是啊...
                    
                    
                    好久不见....要请你帮个忙咯.
                    
                    2008-03-06 08:56:13 红猎人/yl
                    你说说看,我能不能帮上
                      
                    
                    2008-03-06 08:56:50 付杰
                    代码问题...你现在应该厉害了吧...

朋友说他的和讯博客上只有一个广告位,但他想放两个广告,而且一个想放在顶部,一个放在左边.问我有没有办法.我没用过和讯博客,不能先答应,先去看看再说,

二、过程实录

第一步:打开他的博客网页看了看:是这个样子的

确定自己可以自定义CSS代码的.

备份好了所有源代码,开始动刀子了!

第二步:找到相应模块,本来想看看广告位置在哪个div块中,然后调整一下位置就可以了,于是查看网页源代码和CSS源码,但源文件很乱不好找。
第三步:决定保存网页到本地进行修改。
用DM打开,找到了相应的DIV,大致改了一下位置,可以移动,有效果。不错!
得上课了,一会回来接着弄……

遇到一个问题:这个博客只能自定义一个模块,而朋友想在两个地方显示广告,这就不能用移动模块的方法来实现了,只有想想别的办法了.

有了,我在他的插入代码里用把两个广告代码分别用两个div来标志,这样可以一个保持不动,另一个定位到顶部.但不知道这个博客支持不支持.先看看再说.

失败了,这样让网页的布局全乱了.

参考一下另一个人的代码再说.

转了一圈又回到了起点,原来第一个解决办法是可行的,因为我把<div id="ad01"> 写成了 <div="ad01>才出了错,哎,人一粗心就会出错。呵呵。。。

现在接着上面的思路来弄。

先在真实的网站中添加上横幅广告代码,将它放在 id 为 ad02 的div 中,(其实原来的代码不用放在新div中都可以的)

现在把ad02定位到面部

首先在自定义CSS中加入ad02这个id样式。

#ad01 {
    height: 92px;
    width: 730px;
    position: relative;
    top: -220px;
    left: 173px;
    border-style:double;
    border-width:1px;
    border-color:#FFFFFF;
}

由于粗心,没有把ad01改为ad02,所以得把横幅和竖幅的位置弄反了。再来!!

#ad02 {
    height: 92px;
    width: 730px;
    position: relative;
    top: -220px;
    left: 173px;
    border-style:double;
    border-width:1px;
    border-color:#FFFFFF;
}

但是发现横幅跑到页面中间去了,不行,而且博客模板变了。
因为先前是拿ad01做试验,所以在移动ad02是要考虑ad01的高度。改代码为:

#ad02 {
    height: 92px;
    width: 730px;
    position: relative;
    top: -1070px;
    left: 173px;
    border-style:double;
    border-width:1px;
    border-color:#FFFFFF;
}

可以了,又做了一些细部调整。

为了给他给的广告代码背景兼容,我去掉了边框。
#ad02 {
    height: 92px;
    width: 730px;
    position: relative;
    top: -1070px;
    left: 173px;
}

OK ! GAME OVER!

成果展示:

总结:要细心。

哎。。。又不能睡午觉了,可是有什么办法呢,谁叫我是为朋友两肋插刀的人呢!呵呵。。。。

和讯博客广告位置改变相关推荐

  1. 利用和讯博客赚钱步骤详解

    利用和讯博客赚钱步骤详解 来自朋友邻居大唐 玩博客的时间也不短了,原来一直在博客天下做,现在搬来和讯了.感觉这里很好,准备坚持做下去.踏进和讯的大门,发现这里的朋友都在玩Google AdSense, ...

  2. 利用和讯博客赚钱步骤详解(推荐)!

    2007-08-22 21:28:36 一.让自己拥有一个网站或博客 现在很多门户网站都允许网民注册一个自己的空间(最流行的当然是博客啦),但是苦于这些门户网站大部分的免费博客都屏蔽网民自由投放广告的 ...

  3. C#快速随机按行读取大型文本文件 - 磊的博客 - sanshi_leilei - 和讯博客

    字号:大 中 小 下面是我实现的一个数据文件随机读取类,可以随机读取大型文本文件的某一行.在我机器上对一个130MB的文本文件,读取第200000的速度从传统做法的400ms提高到了3ms. 一般对文 ...

  4. 开始使用博客了,改变从这里开始。

    开始使用博客了,改变从这里开始. 开始使用博客了,改变从这里开始. 开始使用博客了,改变从这里开始. 转载于:https://www.cnblogs.com/hello001/p/6367259.ht ...

  5. 分析和讯博客数据访问数和评论数

    #coding:utf-8 #读取和讯博客数据分析可视化 import pandas as pad import numpy as np import matplotlib.pyplot as plo ...

  6. Python 通用爬虫 和讯博客 scrapy

    目标站点需求分析 通用爬虫,获取和讯博客所有博文 涉及的库 scrapy,re,requests,mysql URL RULE 解析单页源码 保存到数据库 结果 转载于:https://www.cnb ...

  7. 美国科技博客网:改变世界15种技术

    根据国外媒体新闻报道,近期,美国科技博客网站Business Insider汇总了改变世界的15种新技术,其中谷歌眼镜和无人驾驶车上榜了.技术改变了我们生活方式,将我们带入一个数字化时代.智能手机.无 ...

  8. 关于CSDN博客广告过多的解决办法

    CSDN的博客上的广告已经严重影响到了我的创作心情,于是我搜集了一下解决方案. Chrome和火狐的话,直接使用AdBlock Plus 插件即可.本文只介绍FireFox如何下载使用. 选择附加组件 ...

  9. 在firefox中 屏蔽CSDN博客广告 + 添加百度搜索引擎

    更新 最近更新2018-09-04. 我发现这个adblock用了一段时间后,CSDN的广告竟然又冒出来了??? 我摸索了一番,操作如下: add-ons -> extensions -> ...

最新文章

  1. 计算机硬件2部件指的是什么,计算机基础-2.计算机硬件基础.doc
  2. python字符串写入excel-使用python将数据写入excel
  3. 【Linux系统编程应用】 V4L2编程基础(一)
  4. Arduino 控制超声波测距模块
  5. lia人是什么意思_69年属鸡人终身灾难是什么意思
  6. ElasticSearch 动态映射与静态映射_08
  7. 《Java EE 7精粹》—— 第3章 JSF 3.1 Facelets
  8. mysql中dml语言_八、mysql DML语言
  9. 推荐系统 | 信息过载的大数据时代,大数据推荐系统如何搭建,趋势何方
  10. 数据库开发工程中,一些不常遇到的难题
  11. CSDN自定义模块简单设置之——添加图片、文字、链接等
  12. 深度学习模型加速方法
  13. 小手的图标css,CSS中cursor属性给标签加上小手形状
  14. 如何刻录服务器安装系统光盘启动盘,如何刻录系统光盘
  15. SPSSPRO模型归纳整理
  16. 牙齿间隙变大怎么办_牙缝大怎么办?
  17. 【面试总结系列】CSS 预编译器 Sass、Less、Stylus 三者之间的比较详解
  18. Java鱼雷apex大套件,SRAM APEX 1x11S公路车油碟单盘套件使用体验
  19. 如何用计算机装B,计算机专业装逼经验(转)
  20. vue移动端兼容性配置

热门文章

  1. oracle ldom ipmp,在 Oracle VM Server for SPARC 虚拟网络中使用基于链路的 IPMP
  2. matlab 中| 、|| 、~ 含义
  3. 区块链游戏项目(战舰游戏)基于layer2区块链技术,使用以太坊的solidity语言, 含全栈完整源码
  4. LaTeX学习准备——TexLive和TeXStudio的安装
  5. 面对金融风暴,升斗小民的处事哲学
  6. stm32独立看门狗
  7. 如何学习无线电通联字母解释法和通联术语
  8. fdgfhfghfghgf
  9. YTU 2914: xiaoping学构造函数
  10. An exceptionCaught event was fired,and it ched at the tail of the pipeline,it usually means the last