Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[教程] 自编SupeSite_X-Space_V5风格制做教程.好东东不断添加中.

[复制链接]
 楼主| zhanglei700 发表于 2006-10-18 17:05:21 | 显示全部楼层
这个小东东可千万别删...........
Capture205.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-18 17:09:27 | 显示全部楼层
再发个在页面中变换页面效果代码.嘿嘿.好东东不敢独享.
效果同上地址.
  1. <th width="400" height="300" bgcolor="#424242" scope="col"><head>
  2. <meta http-equiv="Content-Language" content="zh-cn">
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  5. <meta name="ProgId" content="FrontPage.Editor.Document">
  6. <title></title>
  7. <SCRIPT LANGUAGE="JavaScript"><!--
  8. function restore()
  9. {
  10. td1.className="l";td2.className="l";td3.className="l";td4.className="l";td5.className="l";td6.className="l";
  11. td_1.className="l-h";td_2.className="l-c";td_3.className="l-c";td_4.className="l-c";td_5.className="l-c";td_6.className="l-c";
  12. w1.style.display="none";w2.style.display="none";w3.style.display="none";w4.style.display="none";w5.style.display="none";w6.style.display="none";
  13. }
  14. function c1()
  15. {
  16. td1.className="lc";
  17. td_1.className="l-hc";
  18. w1.style.display="block";
  19. }
  20. function c2()
  21. {
  22. td2.className="lc";
  23. td_2.className="l-cc";
  24. w2.style.display="block";
  25. }
  26. function c3()
  27. {
  28. td3.className="lc";
  29. td_3.className="l-cc";
  30. w3.style.display="block";
  31. }
  32. function c4()
  33. {
  34. td4.className="lc";
  35. td_4.className="l-cc";
  36. w4.style.display="block";
  37. }
  38. function c5()
  39. {
  40. td5.className="lc";
  41. td_5.className="l-cc";
  42. w5.style.display="block";
  43. }
  44. function c6()
  45. {
  46. td6.className="lc";
  47. td_6.className="l-cc";
  48. w6.style.display="block";
  49. }
  50. function c7()
  51. {
  52. td7.className="lc";
  53. td_7.className="l-cc";
  54. w7.style.display="block";
  55. }
  56. function c8()
  57. {
  58. td8.className="lc";
  59. td_8.className="l-cc";
  60. w8.style.display="block";
  61. }
  62. //-->
  63. </SCRIPT>
  64. <form name="free" method="post" target="_target">
  65. <div align="center">
  66.   <center>
  67.   <table border="0" cellpadding="0" cellspacing="0" width="400" height="100%">
  68.     <tr>
  69.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c1();><div id="td1" class="lc">栏目1</div></td>
  70.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c2();><div id="td2" class="l">栏目2</div></td>
  71.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c3();><div id="td3" class="l">栏目3</div></td>
  72.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c4();><div id="td4" class="l">栏目4</div></td>
  73.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c5();><div id="td5" class="l">栏目5</div></td>
  74.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c6();><div id="td6" class="l">栏目6</div></td>
  75.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c7();><div id="td7" class="l"></div></td>
  76.       <td width="50" height="20" align="center" valign="bottom" onclick=restore();c8();><div id="td8" class="l"></div></td>
  77.     </tr>
  78.     <tr  style="">
  79.       <td width="50" height="1" align="center" class="l-hc"id="td_1">&nbsp;</td>
  80.       <td width="50" height="1" align="center" class="l-c" id="td_2">&nbsp;</td>
  81.       <td width="50" height="1" align="center" class="l-c" id="td_3">&nbsp;</td>
  82.       <td width="50" height="1" align="center" class="l-c" id="td_4">&nbsp;</td>
  83.       <td width="50" height="1" align="center" class="l-c" id="td_5">&nbsp;</td>
  84.       <td width="50" height="1" align="center" class="l-c" id="td_6">&nbsp;</td>
  85.       <td width="50" height="1" align="center" class="l-c" id="td_7">&nbsp;</td>
  86.       <td width="50" height="1" align="center" class="l-r" id="td_8">&nbsp;</td>
  87.     </tr>
  88.     <tr>
  89.       <td width="398" height="300" class="up" colspan="8" style="border-top-style: solid; border-top-width: 0; padding: 5">
  90.         <p align="center">
  91.         <div align="center">
  92.           <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  93.             <tr>
  94.               <td width="100%" height="100%" bgcolor="#737373">
  95.             

  96.              <div align="center">
  97.               <center>
  98. <div id=w1 style="display:"><h1>
  99.   1
  100.       <style type="text/css">
  101. <!--
  102. body{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;background-color: #336699;color:#000000;}
  103. td, div, input, textarea{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;cursor: default;}
  104. .title{background-color: #000080;color:#fdf7d3;padding: 1;font-family:宋体;font-size:12px;}
  105. .up{background-color: #cccccc;color:#000000;border: 2px outset #ffffff}
  106. .down{background-color: #cccccc;border:2px inset #ffffff}
  107. .up1{background-color: #cccccc;color: #000000;border: 1px outset #ffffff}
  108. .down1{background-color:#cccccc;border:1px inset #ffffff}
  109. .l           { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff;
  110.                border-right: 2px outset #ffffff; color:#000000;
  111.                border-top: 2px outset #ffffff; padding-top: 2;height:18}
  112. .lc           { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff;
  113.                border-right: 2px outset #ffffff; color:#000000;
  114.                border-top: 2px outset #ffffff; padding-top: 2;height:20}
  115. .l-h         { background-color: #cccccc; border-left: 2px outset #ffffff ; border-top: 2px outset #ffffff;color:#000000; }
  116. .l-c         { background-color: #cccccc; border-top: 2px outset #ffffff }
  117. .l-r         { background-color: #cccccc; border-right: 2px outset #ffffff; border-top: 2px outset #ffffff;color:#000000;}
  118. .l-hc         { background-color: #cccccc; border-left: 2px outset #ffffff;color:#000000;}
  119. .l-cc         { background-color: #cccccc;color:#000000; }
  120. .l-rc         { background-color: #cccccc; border-right: 2px outset #ffffff;color:#000000;}
  121. td{color:#000000;}
  122. -->
  123.           </style>      
  124. </h1>
  125. </div>
  126. <div style="display:none" id=w2><h1>2</h1></div>
  127. <div style="display:none" id=w3><h1>3</h1></div>
  128. <div style="display:none" id=w4><h1>4</h1></div>
  129. <div style="display:none" id=w5><h1>5</h1></div>
  130. <div style="display:none" id=w6><h1>6</h1></div>
  131.               </center>
  132.              </div>             </td>
  133.             </tr>
  134.           </table>
  135.         </div>      </td>
  136.     </tr>
  137.   
  138.    
  139.   </table>
  140. </div>
  141. </form></th>
复制代码
回复

使用道具 举报

coolman 发表于 2006-10-18 20:30:19 | 显示全部楼层
楼住就是传说中的好人
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 15:22:21 | 显示全部楼层
首页终于有眉目了.抽空就做点.
Capture207.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 15:39:45 | 显示全部楼层
好东西.
没空间的朋友注意了.送你个惊喜.
空间演示:http://zhanglei70.9999mb.com/index.php
10Gb Storage Space
99.98% Server Uptime
100Gb Monthly Data Transfer
Linux Enterprise Operating Systems
FTP Supported
PHP 4 Supported
MySQL 4 Supported
Rapid Servers with low load time

PHP空间
流量100G/月
MySQL数据库.
支持FTP
送二级域名.http://www.XXX.9999mb.com


嘿嘿就是有广告.速度慢.[试试就知道了].

申请地址:http://www.9999mb.com/index.html

[ 本帖最后由 zhanglei700 于 2006-10-20 16:07 编辑 ]
Capture208.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 15:47:40 | 显示全部楼层
111111111111111111111111
Capture209.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 15:49:47 | 显示全部楼层
222222222222222222222
Capture210.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 15:54:51 | 显示全部楼层
33333333333333333333
Capture211.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 16:00:26 | 显示全部楼层
44444444444444444444444
Capture212.jpg
回复

使用道具 举报

 楼主| zhanglei700 发表于 2006-10-20 16:03:24 | 显示全部楼层
55555555555555555555555

[ 本帖最后由 zhanglei700 于 2006-10-20 16:04 编辑 ]
Capture213.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-25 12:32 , Processed in 0.066918 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表