免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 發帖

Rank: 3Rank: 3

積分
406 
威望
406  
金錢
398  
最後登錄
2014-5-28 
1# 跳轉到 » 正序看帖
打印
tT
n7197發表於 2012-4-26 14:10 | 只看該作者

[分享] 仿X2廣播台樣式代碼

不能夠自動調用~純手工修改您的主題-圖片-鏈接地址
要看演示請至:http://n7197.66rt.com/

sshot-1.jpg

sshot-2.jpg
  1. <center>
  2. <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>
  3.   <div style="BACKGROUND: #ffffff; MARGIN: 8px auto 0px; WIDTH: 970px"><div class="threadadd gossip">
  4.     <h3>廣播台</h3>
  5.     <dl class="threadadd_main gossip_am" id="threadadd_gossip">
  6.       <dd class="gossip_am">
  7.         <ul class="gossip_imglist">
  8.          
  9.            
  10.                 <!--以下放2個圖文-->
  11.                
  12.                     <li>
  13.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=208">
  14.                         <img src="http://homepage8.seed.net.tw/web@5/n7197/h25.gif" width="120" height="90" class="kmxx">
  15.                         <span>坦克2012</span>
  16.                       </a>
  17.                     </li>
  18.                     <li>
  19.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=210">
  20.                         <img src="http://homepage8.seed.net.tw/web@5/n7197/h26.gif" width="120" height="90" class="kmxx">
  21.                         <span>D-空間</span>
  22.                       </a>
  23.                     </li>
  24.            
  25.              <!--2個圖文结束-->
  26.          
  27.         </ul>
  28.     <div id="szpne_gbt02" class="area">
  29.       
  30.                   <ul><!--以下放5個主题-->

  32.                     <li>
  33.                       ·
  34.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=42">超級消防員</a>
  35.                     </li>
  36.                     <li>
  37.                       ·
  38.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=103">亞歷山大帝比賽</a>
  39.                     </li>
  40.                     <li>
  41.                       ·
  42.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=105">多米諾秋天2</a>
  43.                     </li>
  44.                     <li>
  45.                       ·
  46.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=107">旅店3</a>
  47.                     </li>
  48.                     <li>
  49.                       ·
  50.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=109">X 罷工者</a>
  51.                     </li>
  52. <!--5個主题结束-->
  53.                   </ul>
  54.                  </div>
  55.         <ul class="gossip_imglist">
  56.           <!--[diy=szpne_gbt03]-->
  57.           <div id="szpne_gbt03" class="area">  <!--以下放2個圖文-->
  58.             
  59.                     <li>
  60.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=212">
  61.                         <img src="http://homepage8.seed.net.tw/web@5/n7197/h27.png" width="120" height="90" class="kmxx">
  62.                         <span>Blobular</span>
  63.                       </a>
  64.                     </li>
  65.                     <li>
  66.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=214">
  67.                         <img src="http://homepage8.seed.net.tw/web@5/n7197/h28.png" width="120" height="90" class="kmxx">
  68.                         <span>算術山</span>
  69.                       </a>
  70.                     </li>
  71.                   <!--2個圖文结束-->
  72.           </div>
  73.      
  74.         </ul>
  75.       
  76.         <div id="szpne_gbt04" class="area">
  77.          
  78.                   <ul><!--以下放5個主题-->
  79.                     <li>
  80.                       ·
  81.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=112">坦克2010</a>
  82.                     </li>
  83.                     <li>
  84.                       ·
  85.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=114">墳塋棋</a>
  86.                     </li>
  87.                     <li>
  88.                       ·
  89.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=116">媽咪墳塋</a>
  90.                     </li>
  91.                     <li>
  92.                       ·
  93.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=216">百合蛇麻草</a>
  94.                     </li>
  95.                     <li>
  96.                       ·
  97.                       <a href="http://n7197.66rt.com/faq.php?action=faq&id=218">有彈性的凹道</a>
  98.                     </li>
  99.                  <!--5個主题结束--> </ul>
  100.                
  101.         </div>
  102.      
  103.       </dd>
  104.     </dl>
  105.   </div>
  106. </div>
  107. </center>
複製代碼
打完收工!
收藏 分享

Rank: 2

積分
66 
威望
66  
金錢
64  
最後登錄
2012-5-12 
5#
211發表於 2012-5-6 14:44 | 只看該作者
複雜= =.............

TOP

Rank: 4

積分
834 
威望
834  
金錢
806  
最後登錄
2017-4-12 
4#
8301853發表於 2012-4-28 09:39 | 只看該作者
代码好象不灵光啊

TOP

Rank: 8Rank: 8

積分
6684 
威望
6684  
金錢
7612  
最後登錄
2021-12-9 

熱心會員貢獻優秀級會員中級會員高級會員金牌會員論壇元老
3#
rosa1414發表於 2012-4-27 10:33 | 只看該作者
給你一個讚、謝謝分享!!

TOP

Rank: 4

積分
834 
威望
834  
金錢
806  
最後登錄
2017-4-12 
2#
8301853發表於 2012-4-26 19:15 | 只看該作者
不錯,謝謝!!

TOP

返回列表