免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[分享] 三格广告位(带有图标)反正文字说不清,进来看看~

效果图: 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>
複製代碼
把文字、链接地址、图标地址改成你自己的了就行了
更多代码请进
青春九零网代码频道

來學習學習~

TOP

不会调位置~!

TOP

多谢分享~!

TOP

留着 以后有用 谢谢站长分享
9102网迷自家

TOP

@@ 來看看是甚麼

TOP

话说这种东西不存在不兼容的问题吧....无论是7.2还是其他版本肯定都可用的
章鱼之家代码站
 
 
 
 
 

TOP

谢谢楼主分享,支持一下。
-----
收藏备用
我是阿陌,很高兴和大家成为很好的朋友 嘘~我是不会告诉你我是一个逗比的,哼!  耽美小说包下载论坛 腐女/腐男入

TOP

支持一下。

TOP

谢谢分享!
欢迎来我Q群玩耍,群号159218504,群号没有错哦

TOP

返回列表