免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [分享] 三格广告位(带有图标)反正文字说不清,进来看看~ [打印本頁]

作者: 郑爽中文网    時間: 2012-12-28 03:42     標題: 三格广告位(带有图标)反正文字说不清,进来看看~

效果图: QQ截图20121227224346.png

经过测试,7.2可用~
  1. <style type="text/css">
  2. <!--
  3. .div_02{width:958px;overflow:hidden;height:92px;}
  4. .aadc{width:968px;over-flow:hidden;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:0;background-color:#f9f9f9}
  5. .nav_01{float:left;width:38px;height:92px;}
  6. .nav_02{width:283px;height:92px;float:left;position:relative}
  7. .nav_03{width:10px;height:92px;float:left}
  8. .nr_01{width:75px;height:75px;position:absolute}
  9. .nr_01 img{width:75px;height:75px;}
  10. .nr_02{width:113px;height:73px;position:absolute;color:#666666;font-size:12px;line-height:18px;text-align:left}
  11. .nr_02 span{width:113px;overflow:hidden;font-size:14px;font-weight:bold}
  12. .nr_02 span a{color:#666666;text-decoration:none}
  13. .nr_02 span a:hover{text-decoration:underline}
  14. .nr_02 .color_01{color:#b6c5be;font-weight:normal;font-size:10px}
  15. .nr_03{width:61px;height:25px;position:absolute;font-size:12px;text-align:center;line-height:25px;color:#666666;}
  16. .nr_03 a{width:61px;height:25px;display:block;color:#666666;text-decoration:none;background:url(图片所在目录/bt1.jpg) center center no-repeat}
  17. .nr_03 a:hover{width:61px;height:25px;display:block;text-decoration:none;background:url(图片所在目录/bt2.jpg) center center no-repeat}img{border:0}
  18. -->
  19. </style>

  20. <div class="aadc" style="width:958px"><div class="div_02">
  21. <div class="nav_01"> </div>
  22. <div class="nav_02">
  23. <div class="nr_01" style="LEFT: 12px; TOP: 8px">
  24. <a title="十年一剑" target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
  25. <img alt="十年一剑" src="http://appicon.manyou.com/advlogos/1060932"></a></div>
  26. <div class="nr_02" style="LEFT: 97px; TOP: 9px">
  27. <a target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
  28. 十年一剑</a>
  29. <p>拥有完整的世界观和扑朔迷离的剧情

  30. <span class="color_01">2010/11/26</span></p>
  31. </div>
  32. <div class="nr_03" style="LEFT: 216px; TOP: 33px">
  33. <a target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
  34. 开始游戏</a></div>
  35. </div>
  36. <div class="nav_03"> </div>
  37. <div class="nav_02">
  38. <div class="nr_01" style="LEFT: 12px; TOP: 8px">
  39. <a title="弹弹堂" target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
  40. <img alt="弹弹堂" src="http://appicon.manyou.com/logos/1040624"></a></div>
  41. <div class="nr_02" style="LEFT: 97px; TOP: 9px">
  42. <a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
  43. 弹弹堂</a>
  44. <p>最Q的Flash界面,画面精美,声音悦耳。

  45. <span class="color_01">2010/11/18</span></p>
  46. </div>
  47. <div class="nr_03" style="LEFT: 216px; TOP: 33px">
  48. <a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
  49. 开始游戏</a></div>
  50. </div>
  51. <div class="nav_03"> </div>
  52. <div class="nav_02">
  53. <div class="nr_01" style="LEFT: 12px; TOP: 8px">
  54. <a title="QQ七雄争霸" target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
  55. <img alt="QQ七雄争霸" src="http://appicon.manyou.com/logos/1063034"></a></div>
  56. <div class="nr_02" style="LEFT: 97px; TOP: 9px">
  57. <a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
  58. QQ七雄争霸</a>
  59. <p>招兵买马、称霸全国,成就乱世枭雄。

  60. <span class="color_01">2011/07/19</span></p>
  61. </div>
  62. <div class="nr_03" style="LEFT: 216px; TOP: 33px">
  63. <a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
  64. 进入游戏</a></div>
  65. </div>
  66. </div>
  67. </div>
複製代碼
把文字、链接地址、图标地址改成你自己的了就行了
更多代码请进
青春九零网代码频道

圖片附件: QQ截图20121227224346.png (2012-12-28 03:38, 31.61 KB) / 下載次數 2057
http://258club.com/discuz/attachment.php?aid=17720&k=bf4168a870dec9aefce4ca1e4090cf67&t=1732365777&sid=W3q6oQ


作者: 达人小G    時間: 2012-12-28 05:39

谢谢分享!
作者: liangweisee    時間: 2012-12-28 08:13

支持一下。
作者: empty    時間: 2012-12-28 08:38

谢谢楼主分享,支持一下。
-----
收藏备用
作者: 章鱼    時間: 2012-12-28 09:11

话说这种东西不存在不兼容的问题吧....无论是7.2还是其他版本肯定都可用的
作者: DeiTiesZeus    時間: 2013-1-30 04:18

@@ 來看看是甚麼
作者: 9102    時間: 2013-1-30 10:26

留着 以后有用 谢谢站长分享
作者: ldzy    時間: 2013-4-27 21:54

多谢分享~!
作者: ldzy    時間: 2013-5-4 19:37

不会调位置~!
作者: bukou    時間: 2013-5-5 01:47

來學習學習~




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://258club.com/discuz/) Powered by Discuz! 7.2