繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
仿X2廣播台樣式代碼
[打印本頁]
作者:
n7197
時間:
2012-4-26 14:10
標題:
仿X2廣播台樣式代碼
不能夠自動調用~純手工修改您的主題-圖片-鏈接地址
要看演示請至:
http://n7197.66rt.com/
下載
(34.21 KB)
2012-4-26 14:09
下載
(28.53 KB)
2012-4-26 14:09
<center>
<style>.gossip{MARGIN:0px;HEIGHT:130px}.gossip H3{BACKGROUND-POSITION:-160px 3px}#threadadd_gossip{PADDING-RIGHT:8px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;WIDTH:912px;PADDING-TOP:0px;HEIGHT:130px}.gossip DD{VISIBILITY:hidden;POSITION:absolute}.gossip_imglist{FLOAT:left;PADDING-TOP:9px;HEIGHT:119px;width:265px;OVERFLOW:hidden;}.gossip_imglist LI{PADDING-RIGHT:1px;PADDING-LEFT:15px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:120px;PADDING-TOP:1px;HEIGHT:115px}#threadadd_gossip .gossip_imglist LI{PADDING-RIGHT:1px;PADDING-LEFT:10px;PADDING-BOTTOM:0px;PADDING-TOP:1px}.gossip_imglist LI SPAN{DISPLAY:block;OVERFLOW:hidden;WIDTH:100%;CURSOR:pointer;LINE-HEIGHT:21px;HEIGHT:21px;TEXT-ALIGN:center}.gossip_txtlist{PADDING-RIGHT:0px;PADDING-LEFT:3px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:180px;PADDING-TOP:11px}.gossip_txtlist LI{FONT-SIZE:14px;OVERFLOW:hidden;TEXT-INDENT:1px;LINE-HEIGHT:22px;HEIGHT:22px}#threadadd_show{TEXT-ALIGN:left}#threadadd_gossip{TEXT-ALIGN:left}#threadadd_show IMG{WIDTH:136px;HEIGHT:96px}#threadadd_gossip IMG{WIDTH:116px;HEIGHT:86px}.threadadd{PADDING-RIGHT:3px;PADDING-LEFT:3px;BACKGROUND:#e7f1f7;PADDING-BOTTOM:3px;FONT:100 12px Simsun,Arial;OVERFLOW:hidden;WIDTH:965px;PADDING-TOP:3px}.threadadd H3{PADDING-LEFT:35px;FLOAT:left;BACKGROUND-IMAGE:url(http://homepage8.seed.net.tw/web@5/n7197/12022722237d14118c6ffe46b0.png);OVERFLOW:hidden;WIDTH:0px;BACKGROUND-REPEAT:no-repeat;HEIGHT:100px}.threadadd_main{BACKGROUND:#fff;FLOAT:right;OVERFLOW:hidden;WIDTH:916px;POSITION:relative}.threadadd_main A{COLOR:#666}.threadadd_main A:visited{COLOR:#666}.threadadd_main A:hover{COLOR:#0657b2}.threadadd_main A:hover SPAN{COLOR:#0657b2}.threadadd_main A:hover P{TEXT-DECORATION:underline}#szpne_gbt02,#szpne_gbt04{FLOAT:left;WIDTH:185px;OVERFLOW:hidden;}#szpne_gbt02 ul,#szpne_gbt04 ul{PADDING-left:3px;PADDING-TOP:9px;}#szpne_gbt02 li,#szpne_gbt04 li{FONT-SIZE:14px;WIDTH:190px;OVERFLOW:hidden;TEXT-INDENT:1px;LINE-HEIGHT:22px;HEIGHT:22px;PADDING-LEFT:0px;}.gossip_am .gossip_am{VISIBILITY:visible}.gossip_pm .gossip_pm{VISIBILITY:visible}.show_am .show_pm{VISIBILITY:hidden}.show_pm .show_am{VISIBILITY:hidden}.gossip_am .gossip_pm{VISIBILITY:hidden}.gossip_pm .gossip_am{VISIBILITY:hidden}.threadadd_main LI{OVERFLOW:hidden}.threadadd_main LI IMG{DISPLAY:block}.threadadd_main LI P{DISPLAY:block;OVERFLOW:hidden;WIDTH:100%;CURSOR:pointer;LINE-HEIGHT:19px;HEIGHT:19px;TEXT-ALIGN:center}</style>
<div style="BACKGROUND: #ffffff; MARGIN: 8px auto 0px; WIDTH: 970px"><div class="threadadd gossip">
<h3>廣播台</h3>
<dl class="threadadd_main gossip_am" id="threadadd_gossip">
<dd class="gossip_am">
<ul class="gossip_imglist">
<!--以下放2個圖文-->
<li>
<a href="http://n7197.66rt.com/faq.php?action=faq&id=208">
<img src="http://homepage8.seed.net.tw/web@5/n7197/h25.gif" width="120" height="90" class="kmxx">
<span>坦克2012</span>
</a>
</li>
<li>
<a href="http://n7197.66rt.com/faq.php?action=faq&id=210">
<img src="http://homepage8.seed.net.tw/web@5/n7197/h26.gif" width="120" height="90" class="kmxx">
<span>D-空間</span>
</a>
</li>
<!--2個圖文结束-->
</ul>
<div id="szpne_gbt02" class="area">
<ul><!--以下放5個主题-->
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=42">超級消防員</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=103">亞歷山大帝比賽</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=105">多米諾秋天2</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=107">旅店3</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=109">X 罷工者</a>
</li>
<!--5個主题结束-->
</ul>
</div>
<ul class="gossip_imglist">
<!--[diy=szpne_gbt03]-->
<div id="szpne_gbt03" class="area"> <!--以下放2個圖文-->
<li>
<a href="http://n7197.66rt.com/faq.php?action=faq&id=212">
<img src="http://homepage8.seed.net.tw/web@5/n7197/h27.png" width="120" height="90" class="kmxx">
<span>Blobular</span>
</a>
</li>
<li>
<a href="http://n7197.66rt.com/faq.php?action=faq&id=214">
<img src="http://homepage8.seed.net.tw/web@5/n7197/h28.png" width="120" height="90" class="kmxx">
<span>算術山</span>
</a>
</li>
<!--2個圖文结束-->
</div>
</ul>
<div id="szpne_gbt04" class="area">
<ul><!--以下放5個主题-->
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=112">坦克2010</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=114">墳塋棋</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=116">媽咪墳塋</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=216">百合蛇麻草</a>
</li>
<li>
·
<a href="http://n7197.66rt.com/faq.php?action=faq&id=218">有彈性的凹道</a>
</li>
<!--5個主题结束--> </ul>
</div>
</dd>
</dl>
</div>
</div>
</center>
複製代碼
打完收工!
圖片附件:
sshot-1.jpg
(2012-4-26 14:09, 34.21 KB) / 下載次數 1597
http://youpost.info/discuz/attachment.php?aid=2377&k=350ae3f0b217015e5159b4f128ca661c&t=1732392574&sid=cLjUHc
圖片附件:
sshot-2.jpg
(2012-4-26 14:09, 28.53 KB) / 下載次數 1586
http://youpost.info/discuz/attachment.php?aid=2378&k=f01556138766ff3360a1dc9eaa327e65&t=1732392574&sid=cLjUHc
作者:
8301853
時間:
2012-4-26 19:15
不錯,謝謝!!
作者:
rosa1414
時間:
2012-4-27 10:33
給你一個讚、謝謝分享!!
作者:
8301853
時間:
2012-4-28 09:39
代码好象不灵光啊
作者:
211
時間:
2012-5-6 14:44
複雜= =.............
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://youpost.info/discuz/)
Powered by Discuz! 7.2