playground:playground

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
playground:playground [2022/06/26 13:52]
UWiki Admin [请在这行文字下开始你的编辑]
playground:playground [2023/12/28 12:13] (当前版本)
UWiki Admin
行 14: 行 14:
   - 管理员会时常来清理页面,你的编辑不会永久保留。   - 管理员会时常来清理页面,你的编辑不会永久保留。
     - 你可以使用右上角“Wiki功能”里的“查看历史”功能找回你的编辑记录。     - 你可以使用右上角“Wiki功能”里的“查看历史”功能找回你的编辑记录。
-===== 请在这行文字下开始你的编辑 =====+ 
 +===== 请在这行文字下开始你的编辑 =====  
 + 
 + 
 +{{page>playground:dev&nofooter&noeditbtn&noheader}} 
 + 
 {{NEWPAGE>wiki}} {{NEWPAGE>wiki}}
  
 {{NEWPAGE#newtpl1|Title One,newtpl2|Title Two}}  {{NEWPAGE#newtpl1|Title One,newtpl2|Title Two}}
  
-折叠测试+ 
 + 
 +**这里是喵鱿((meawyo))服wiki** 
 +  
 +喵鱿服是<del>和谐友善</del>的服务器 [[www.baidu.com]] 
 + 
 +{{ :wiki:dokuwiki-128.png?50 |}} 
 + 
 +[[https://creativecommons.org/licenses/by-sa/4.0/deed.zh | CC Attribution-Share Alike 4.0 International ]] 
 + 
 +  - 一只猫 
 +  - 一滩猫 
 +<wrap em>沙盒</wrap>可以随意使用 
 +==== 另一沙盒 ==== 
 + 
 +==== 下面的可以折叠的小玩意 ==== 
 +在前面需要加上 <code>{{page>template:navbox.css_js&nofooter&noeditbtn&noheader}}</code> 
 + 
 +这是示例代码 
 +<code lang="html"> 
 +{{page>template:navbox.css_js&nofooter&noeditbtn&noheader}} 
 <html> <html>
-<script type="text/javascript"> +<table class="table_a"> 
- function toggle(e{ + <tr> 
- jQuery(e).toggle(); + <th style="background-color: #125533;" colspan="2" class="table_title_box"> 
- } + <span id="box_title">Title</span> 
-</script+ <span style="float: right;">[<a href="javascript:toggle('#box_2')">展开/折叠</a>]</span> 
-<table style="width: 100%;border1px solid #aaa;">+ </th> 
 + </tr> 
 + <table id="box_2" class="table_b"> 
 + <tr style="font-size: 100%;"> 
 + <td style="background-color: #555aaa;" class="table_subtitle"> 
 + <div style="padding:0em 0.25em">方块</div> 
 + </td> 
 + <td class="table_items"> 
 + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt consectetur aut facilis saepe asperiores a harum autem cupiditate eaque itaque. Eius quod a odit voluptas quaerat praesentium distinctio laboriosam. Est! 
 + </td> 
 + </tr> 
 + <tr style="font-size: 100%;"> 
 + <td style="background-color: #555aaa;" class="table_subtitle"> 
 + <div style="padding:0em 0.25em">喵鱿</div> 
 + </td> 
 + <td class="table_items"> 
 + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam debitis a fugiat quo quae doloremque reprehenderit voluptatibus laboriosam repellendus eos rem nobis earum aperiam cupiditate laudantium quos ratione soluta ab. 
 + </td> 
 + </tr> 
 + </table> 
 +</table> 
 +</html> 
 +</code> 
 +{{page>template:navbox.css_js&nofooter&noeditbtn&noheader}} 
 +<html> 
 +<table class="table_a"> 
 + <tr> 
 + <th style="background-color: #125533;" colspan="2" class="table_title_box"> 
 + <span id="box_title">Title</span> 
 + <span style="float: right;">[<a href="javascript:toggle('#box_2')">展开/折叠</a>]</span> 
 + </th> 
 + </tr
 + <table id="box_2" class="table_b"> 
 + <tr style="font-size: 100%;"> 
 + <td style="background-color: #555aaa;" class="table_subtitle"> 
 + <div style="padding:0em 0.25em">方块</div> 
 + </td> 
 + <td class="table_items"> 
 + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt consectetur aut facilis saepe asperiores a harum autem cupiditate eaque itaque. Eius quod a odit voluptas quaerat praesentium distinctio laboriosam. Est! 
 + </td> 
 + </tr> 
 + <tr style="font-size: 100%;"> 
 + <td style="background-color: #555aaa;" class="table_subtitle"> 
 + <div style="padding:0em 0.25em">喵鱿</div> 
 + </td> 
 + <td class="table_items"> 
 + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam debitis a fugiat quo quae doloremque reprehenderit voluptatibus laboriosam repellendus eos rem nobis earum aperiam cupiditate laudantium quos ratione soluta ab. 
 + </td> 
 + </tr> 
 + </table> 
 +</table> 
 + 
 +<table class="table_a">
  <tr>  <tr>
- <th colspan="2" style="text-align: center; font-size: 110%; background-color: bisque;">+ <th style="background-color: bisque;" colspan="2" class="table_title_box">
  <span id="box_title">Title</span>  <span id="box_title">Title</span>
  <span style="float: right;">[<a href="javascript:toggle('#box_1')">展开/折叠</a>]</span>  <span style="float: right;">[<a href="javascript:toggle('#box_1')">展开/折叠</a>]</span>
  </th>  </th>
  </tr>  </tr>
- <table id="box_1" style="border: 1px solid #aaa; border-top: unset;">+ <table id="box_1" class="table_b">
  <tr style="font-size: 100%;">  <tr style="font-size: 100%;">
- <td style="background: none repeat scroll 0 0 beige;padding-left:0em; padding-right:0em;white-space: nowrap;padding-top: 2px;padding-bottom: 2px; font-weight: bold;">+ <td style="background-color: beige;" class="table_subtitle">
  <div style="padding:0em 0.25em">方块</div>  <div style="padding:0em 0.25em">方块</div>
  </td>  </td>
- <td style="text-align:left;border-left:2px solid #fdfdfd;width:100%;padding:2px;">+ <td class="table_items">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt consectetur aut facilis saepe asperiores a harum autem cupiditate eaque itaque. Eius quod a odit voluptas quaerat praesentium distinctio laboriosam. Est!  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt consectetur aut facilis saepe asperiores a harum autem cupiditate eaque itaque. Eius quod a odit voluptas quaerat praesentium distinctio laboriosam. Est!
  </td>  </td>
  </tr>  </tr>
  <tr style="font-size: 100%;">  <tr style="font-size: 100%;">
- <td style="background: none repeat scroll 0 0 beige;padding-left:0em; padding-right:0em;white-space: nowrap;padding-top: 2px;padding-bottom: 2px; font-weight: bold;">+ <td style="background-color: beige;" class="table_subtitle">
  <div style="padding:0em 0.25em">喵鱿</div>  <div style="padding:0em 0.25em">喵鱿</div>
  </td>  </td>
- <td style="text-align:left;border-left:2px solid #fdfdfd;width:100%;padding:2px;">+ <td class="table_items">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam debitis a fugiat quo quae doloremque reprehenderit voluptatibus laboriosam repellendus eos rem nobis earum aperiam cupiditate laudantium quos ratione soluta ab.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam debitis a fugiat quo quae doloremque reprehenderit voluptatibus laboriosam repellendus eos rem nobis earum aperiam cupiditate laudantium quos ratione soluta ab.
  </td>  </td>
  • playground/playground.1656222729.txt.gz
  • 最后更改: 2022/06/26 13:52
  • UWiki Admin