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

標題: [分享] 仿X2廣播台樣式代碼 [打印本頁]

作者: 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個主题-->

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

圖片附件: sshot-1.jpg (2012-4-26 14:09, 34.21 KB) / 下載次數 1586
http://utmall.com/discuz/attachment.php?aid=2377&k=ae62bf544b7549983db32a51d6920af6&t=1732389189&sid=UUKdNn



圖片附件: sshot-2.jpg (2012-4-26 14:09, 28.53 KB) / 下載次數 1573
http://utmall.com/discuz/attachment.php?aid=2378&k=49122cb8fbea3058dad3e17445e5f268&t=1732389189&sid=UUKdNn


作者: 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://utmall.com/discuz/) Powered by Discuz! 7.2