繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
三格广告位(带有图标)反正文字说不清,进来看看~
[打印本頁]
作者:
郑爽中文网
時間:
2012-12-28 03:42
標題:
三格广告位(带有图标)反正文字说不清,进来看看~
效果图:
下載
(31.61 KB)
2012-12-28 03:38
经过测试,7.2可用~
<style type="text/css">
<!--
.div_02{width:958px;overflow:hidden;height:92px;}
.aadc{width:968px;over-flow:hidden;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:0;background-color:#f9f9f9}
.nav_01{float:left;width:38px;height:92px;}
.nav_02{width:283px;height:92px;float:left;position:relative}
.nav_03{width:10px;height:92px;float:left}
.nr_01{width:75px;height:75px;position:absolute}
.nr_01 img{width:75px;height:75px;}
.nr_02{width:113px;height:73px;position:absolute;color:#666666;font-size:12px;line-height:18px;text-align:left}
.nr_02 span{width:113px;overflow:hidden;font-size:14px;font-weight:bold}
.nr_02 span a{color:#666666;text-decoration:none}
.nr_02 span a:hover{text-decoration:underline}
.nr_02 .color_01{color:#b6c5be;font-weight:normal;font-size:10px}
.nr_03{width:61px;height:25px;position:absolute;font-size:12px;text-align:center;line-height:25px;color:#666666;}
.nr_03 a{width:61px;height:25px;display:block;color:#666666;text-decoration:none;background:url(图片所在目录/bt1.jpg) center center no-repeat}
.nr_03 a:hover{width:61px;height:25px;display:block;text-decoration:none;background:url(图片所在目录/bt2.jpg) center center no-repeat}img{border:0}
-->
</style>
<div class="aadc" style="width:958px"><div class="div_02">
<div class="nav_01"> </div>
<div class="nav_02">
<div class="nr_01" style="LEFT: 12px; TOP: 8px">
<a title="十年一剑" target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
<img alt="十年一剑" src="http://appicon.manyou.com/advlogos/1060932"></a></div>
<div class="nr_02" style="LEFT: 97px; TOP: 9px">
<a target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
十年一剑</a>
<p>拥有完整的世界观和扑朔迷离的剧情
<span class="color_01">2010/11/26</span></p>
</div>
<div class="nr_03" style="LEFT: 216px; TOP: 33px">
<a target="_blank" href="http://www.zmd5.com/userapp.php?mod=app&id=1060932">
开始游戏</a></div>
</div>
<div class="nav_03"> </div>
<div class="nav_02">
<div class="nr_01" style="LEFT: 12px; TOP: 8px">
<a title="弹弹堂" target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
<img alt="弹弹堂" src="http://appicon.manyou.com/logos/1040624"></a></div>
<div class="nr_02" style="LEFT: 97px; TOP: 9px">
<a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
弹弹堂</a>
<p>最Q的Flash界面,画面精美,声音悦耳。
<span class="color_01">2010/11/18</span></p>
</div>
<div class="nr_03" style="LEFT: 216px; TOP: 33px">
<a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1040624">
开始游戏</a></div>
</div>
<div class="nav_03"> </div>
<div class="nav_02">
<div class="nr_01" style="LEFT: 12px; TOP: 8px">
<a title="QQ七雄争霸" target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
<img alt="QQ七雄争霸" src="http://appicon.manyou.com/logos/1063034"></a></div>
<div class="nr_02" style="LEFT: 97px; TOP: 9px">
<a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
QQ七雄争霸</a>
<p>招兵买马、称霸全国,成就乱世枭雄。
<span class="color_01">2011/07/19</span></p>
</div>
<div class="nr_03" style="LEFT: 216px; TOP: 33px">
<a target="_blank" href="http://bbs.zmd5.com/userapp.php?mod=app&id=1063034">
进入游戏</a></div>
</div>
</div>
</div>
複製代碼
把文字、链接地址、图标地址改成你自己的了就行了
更多代码请进
青春九零网代码频道
圖片附件:
QQ截图20121227224346.png
(2012-12-28 03:38, 31.61 KB) / 下載次數 2061
http://weclub.info/discuz/attachment.php?aid=17720&k=472df23200e354468416cd0df30dc434&t=1732377618&sid=1Dz5TI
作者:
达人小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://weclub.info/discuz/)
Powered by Discuz! 7.2