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

標題: [問題] 如何弄這樣的版面 [打印本頁]

作者: KIKI    時間: 2012-7-16 14:36     標題: 如何弄這樣的版面

http://hk-jessica.com/splinks/splinks.cgi
作者: gogo1266    時間: 2012-7-16 15:06

那個不是SCLUB論壇
作者: 赋影    時間: 2012-7-16 15:25

进不去。。。。
作者: 4rphotoclub    時間: 2012-7-16 15:59

自己寫的;這不是論壇
作者: KIKI    時間: 2012-7-16 16:22

回復 4# 4rphotoclub


要怎樣寫
作者: 4rphotoclub    時間: 2012-7-16 16:33

部份代碼如下
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">

  3. <html>
  4. <head>
  5. <title>:::::: Jessica Jung Hong Kong Garden | 鄭秀妍香港後花園連結 ::::::</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  7. <link rel="stylesheet" type="text/css" href="./skin/link_oec_1/img/link.css">
  8. </head>
  9. <body bgcolor="#ffffff" background="">
  10. <!--UP_HTML-->
  11. <div id="container">
  12. <center></center>
  13. <div id="guid">
  14. <div class="bot">
  15. <a href="./input.cgi"><img src="./skin/link_oec_1/img/write.gif" border="0" alt="發表文章"></a>
  16. <a href="./input_pwd.cgi?action=admin"><img src="./skin/link_oec_1/img/admin.gif" border="0" alt="登入管理"></a>
  17. <a href="./splinks.cgi?category=&amp;sort=&amp;cor_page=1&amp;page=1"><img src="./skin/link_oec_1/img/prev.gif" border="0" alt="上一頁"></a>
  18. <a href="./splinks.cgi?category=&amp;sort=&amp;cor_page=1&amp;page=2&amp;move=next"><img src="./skin/link_oec_1/img/next.gif" border="0" alt="下一頁"></a>
  19. </div>
  20. <div class="hot"><a href="./splinks.cgi?category="><img src="./skin/link_oec_1/img/new_top.gif" border="0" alt="最新"></a>
  21. <a href="./splinks.cgi?category=&amp;sort=visit"><img src="./skin/link_oec_1/img/hot.gif" border="0" alt="熱門"></a>
  22. </div>
  23. </div>

  24. <div id="cate"><span class="cate_s"> <b class="fs">Category:</b>所有類別 <b class="fs">Sort:</b> 最新  </span>
  25. <b class="fs">Total: 51</b> -<b class="fs"> Page: 1∕ 11</b>
  26. </div>

  27. <div id="menu">
  28. <div class="tit">Category</div>
  29. <div class="category"><ul><li><img src="./skin/link_oec_1/img/chk_cate.gif" alt="">  <a href=./splinks.cgi?sort=>所有類別  <span class="fs">+ 50</span></a></li>
  30. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=SNSD成員&amp;sort=">SNSD成員  <span class="fs">+ 0</span></a></li>
  31. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=CP壇&amp;sort=">CP壇  <span class="fs">+ 0</span></a></li>
  32. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=男團&amp;sort=">男團  <span class="fs">+ 0</span></a></li>
  33. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=女團&amp;sort=">女團  <span class="fs">+ 0</span></a></li>
  34. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=個人&amp;sort=">個人  <span class="fs">+ 0</span></a></li>
  35. <li><img src="./skin/link_oec_1/img/category.gif" alt="">  <a href="./splinks.cgi?category=其他&amp;sort=">其他  <span class="fs">+ 0</span></a></li>
  36. </ul></div>

  37. </div>

  38. <div id="contents">
  39. <div class="tit">Contents</div>
  40. <div class="table">
  41. <span class="no">No.51 </span>
  42. <span class="sub"> <a href="./click.cgi?num=56&amp;url=http://snsdhksg.joinbbs.net" target="_blank">少女時代香港秘密花園 ∥ SNSD HONG KONG SECRET GARDEN </a>   </span><span class="name">  </span>
  43. <div class="comment">為sone而設的討論區(12.04.03)</div>
  44. <div class="img"><img src="http://i1184.photobucket.com/albums/z336/chingyuk/Logo-1.gif" border="0" alt="少女時代香港秘密花園 ∥ SNSD HONG KONG SECRET GARDEN " class="borderimg" width="88" height="31"><!--UNDER--></div>
  45. <div class="date">2012.04.29-23:12 <a href="./input_pwd.cgi?action=mod_form&amp;num=56"><img src="./skin/link_oec_1/img/modify.gif" border="0" alt="修改"></a> <a href="./input_pwd.cgi?action=delete&amp;num=56"><img src="./skin/link_oec_1/img/delete.gif" border="0" alt="刪除"></a>
  46. <span class="hit"> Hit: 28</span> </div>
  47. </div>
  48. <div class="table">
  49. <span class="no">No.50 </span>
  50. <span class="sub"> <a href="./click.cgi?num=55&amp;url=http://www.suzyhk.com" target="_blank">裴秀智香港首站│Bae Suzy Hong Kong 1st Fans Club </a>   </span><span class="name">  </span>
  51. <div class="comment">裴秀智首個香港後援會 8月12日正式開壇</div>
  52. <div class="img"><img src="http://www.suzyhk.com/forum/images/logo.gif" border="0" alt="裴秀智香港首站│Bae Suzy Hong Kong 1st Fans Club " class="borderimg" width="88" height="31"><!--UNDER--></div>
  53. <div class="date">2012.04.03-19:04 <a href="./input_pwd.cgi?action=mod_form&amp;num=55"><img src="./skin/link_oec_1/img/modify.gif" border="0" alt="修改"></a> <a href="./input_pwd.cgi?action=delete&amp;num=55"><img src="./skin/link_oec_1/img/delete.gif" border="0" alt="刪除"></a>
  54. <span class="hit"> Hit: 15</span> </div>
  55. </div>
  56. <div class="table">
  57. <span class="no">No.49 </span>
  58. <span class="sub"> <a href="./click.cgi?num=54&amp;url=http://lovingtaeyeon.joinbbs.net" target="_blank"> ·· LOVINGTAEYEON ··</a>   </span><span class="name">  </span>
  59. <div class="comment">金泰妍大马首站</div>
  60. <div class="img"><img src="http://i.imgur.com/nLG6Y.png" border="0" alt=" ·· LOVINGTAEYEON ··" class="borderimg" width="88" height="31"><!--UNDER--></div>
  61. <div class="date">2012.03.14-23:02 <a href="./input_pwd.cgi?action=mod_form&amp;num=54"><img src="./skin/link_oec_1/img/modify.gif" border="0" alt="修改"></a> <a href="./input_pwd.cgi?action=delete&amp;num=54"><img src="./skin/link_oec_1/img/delete.gif" border="0" alt="刪除"></a>
  62. <span class="hit"> Hit: 14</span> </div>
  63. </div>
  64. <div class="table">
  65. <span class="no">No.48 </span>
  66. <span class="sub"> <a href="./click.cgi?num=53&amp;url=http://www.key-channel.com/" target="_blank">Key Channel ∮ SHINee Key Hong Kong Fans Club</a>   </span><span class="name">  </span>
  67. <div class="comment">Key Channel ∮ 於2011年3月16日開站</div>
  68. <div class="img"><img src="http://www.key-channel.com/keychannel.gif" border="0" alt="Key Channel ∮ SHINee Key Hong Kong Fans Club" class="borderimg" width="88" height="31"><!--UNDER--></div>
  69. <div class="date">2012.03.14-23:01 <a href="./input_pwd.cgi?action=mod_form&amp;num=53"><img src="./skin/link_oec_1/img/modify.gif" border="0" alt="修改"></a> <a href="./input_pwd.cgi?action=delete&amp;num=53"><img src="./skin/link_oec_1/img/delete.gif" border="0" alt="刪除"></a>
  70. <span class="hit"> Hit: 51</span> </div>
  71. </div>
  72. <div class="table">
  73. <span class="no">No.47 </span>
  74. <span class="sub"> <a href="./click.cgi?num=52&amp;url=http://www.c-realhk.com" target="_blank">C-Real香港首站∥C-Real Hong Kong 1st Fans Club</a>   </span><span class="name">  </span>
  75. <div class="comment">C-Real香港首站10月13日開站</div>
  76. <div class="img"><img src="http://www.c-realhk.com/forum/images/logo.gif" border="0" alt="C-Real香港首站∥C-Real Hong Kong 1st Fans Club" class="borderimg" width="88" height="31"><!--UNDER--></div>
  77. <div class="date">2012.03.03-22:21 <a href="./input_pwd.cgi?action=mod_form&amp;num=52"><img src="./skin/link_oec_1/img/modify.gif" border="0" alt="修改"></a> <a href="./input_pwd.cgi?action=delete&amp;num=52"><img src="./skin/link_oec_1/img/delete.gif" border="0" alt="刪除"></a>
  78. <span class="hit"> Hit: 19</span> </div>
  79. </div>

  80. </div>

  81. <div id="page">Prev... <b>1</b>  <a href="./splinks.cgi?page=2&amp;category=&amp;sort=">2</a>  <a href="./splinks.cgi?page=3&amp;category=&amp;sort=">3</a>  <a href="./splinks.cgi?page=4&amp;category=&amp;sort=">4</a>  <a href="./splinks.cgi?page=5&amp;category=&amp;sort=">5</a>  <a href="./splinks.cgi?page=6&amp;category=&amp;sort=">6</a>  <a href="./splinks.cgi?page=7&amp;category=&amp;sort=">7</a>  <a href="./splinks.cgi?page=8&amp;category=&amp;sort=">8</a>  <a href="./splinks.cgi?page=9&amp;category=&amp;sort=">9</a>  <a href="./splinks.cgi?page=10&amp;category=&amp;sort=">10</a> ...<a href="./splinks.cgi?page=11&amp;category=&amp;sort="><b>Next</b></a> <a href="./splinks.cgi?page=11&amp;category=&amp;sort="><b>Last</b></a></div>
  82. <div id="copy"><form method="post" action="./splinks.cgi">
  83. <input type="hidden" name="action" value="search">
  84. <select name="category">
  85. <option value="">請選擇類別</option>
  86. <option value="">所有類別</option>
  87. <option value="SNSD成員">SNSD成員</option>
  88. <option value="CP壇">CP壇</option>
  89. <option value="男團">男團</option>
  90. <option value="女團">女團</option>
  91. <option value="個人">個人</option>
  92. <option value="其他">其他</option>
  93. </select>
  94. <input type="text" name="keyword" size="14" class="search"><input type="image" src="./skin/link_oec_1/img/search.gif" alt="搜尋" class="send">
  95. </form>
  96. <a href="http://www.spcgi.com/" target="_blank">Powered by Sepal</a> <a href="http://www.hsiu28.net/" target="_blank">Chinese by OECSPACE</a>
  97. &amp; Skin
  98. </div>
  99. </div>
  100. <!--DOWN_HTML-->
  101. </body></html>
複製代碼





歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://s-club.tw/discuz/) Powered by Discuz! 7.2