文章内容页 环绕广告 实现方法文章内容页 环绕广告 实现方法

生命不息,
折腾不止!

文章内容页 环绕广告 实现方法

以前有高手说过,但和这方法有一点点不同,这方法也是用CSS来做的。

演示:http://plc365.com/jishu/802.html

 

模板部分:

<div id="new">
       <div id="zhan">占位用的空白块</div>
       <div id="ad">放广告代码</div>
       [!--newstext--]内容标签
</div>

 

 

CSS部分:

#zhan{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 200px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#ad{
        height: 250px;
        width: 250px;
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#new img,#new table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#new{
        float: left;
}

 

 

赞() 打赏
未经允许不得转载:我的博客 » 文章内容页 环绕广告 实现方法
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们