首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

有偿求广告位置编排代码一个!!

时间旅行者 2015-6-4 [前端模版问题] 来自PC 复制链接
51322
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

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

x
类似这样的广告编排代码,有偿求助,免费的更好啦!
未命名_副本_副本.jpg



上一篇:如:在百度搜索“站帮网”,怎么让logo图片显示出来
下一篇:discuz 3.2版本播放器不能播放
灰色天堂 发表于 2015-6-4 21:18:10 来自PC
本帖最后由 灰色天堂 于 2015-6-4 21:20 编辑

粗略的写了一点代码,其实还可以利用一些dz本身有的css的
送给楼主参考吧

  1. <div class="advert-body">

  2. <!--左侧广告-->
  3. <div class="advert-z">
  4. <a href="#" title="链接名称" ><img src="图片地址" alt="图片名称"></a>
  5. </div>

  6. <!--右侧广告-->
  7. <div class="advert-y">
  8. <!--右侧上半部-->
  9. <div>
  10. <a href="#" title="链接名称" ><img src="图片地址" alt="图片名称"></a>
  11. <a href="#" title="链接名称" ><img src="图片地址" alt="图片名称"></a>
  12. </div>
  13. <!--右侧下半部-->
  14. <div>
  15. <a href="#" title="链接名称" ><img src="图片地址" alt="图片名称"></a>
  16. <a href="#" title="链接名称" ><img src="图片地址" alt="图片名称"></a>
  17. </div>

  18. </div>

  19. </div>

  20. <style>
  21. .advert-body {width: 960px;}
  22. .advert-z {width: 480px;float: left;}
  23. .advert-z img {width: 480px;}
  24. .advert-y img {width: 240px;float: left;}
  25. </style>
复制代码

评分

参与人数 2元宝 +3 帮币 +1 收起 理由
UC955 + 1 + 1 我不会代码,习惯查看源代码,复制黏贴
ARCHY + 2 赞一个!

查看全部评分

懂的积极回答,不懂的认真学习 | 壳子分享吧 (www.kzfxb.com)
时间旅行者  楼主| 发表于 2015-6-5 09:51:23 来自PC
灰色天堂 发表于 2015-6-4 21:18
粗略的写了一点代码,其实还可以利用一些dz本身有的css的
送给楼主参考吧

非常感谢!!!!!
巴中热线 发表于 2015-6-6 12:12:26 来自PC
顶沙发,好东西免费分享
小清风 发表于 2015-6-7 01:17:30 来自PC
干货顶起来
失物认领 发表于 2015-6-9 10:58:20 来自PC
顶一个~
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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