DBY代码盒子（翻新，搬运自沙盒站点）
原版链接：点击此处
本页代码来自此处和此处
源代码：
源代码
如果你想取消uv键，用以下代码：
- 卷首
- 隐藏标题代码
- 页面搜索并直接跳转器
- 简单HTML翻页代码
- 复杂的HTML翻页代码，但是很好用
- 警示代码
- 显示对方用户名
- CSS更改版头标题
- 颜色16进制自调器（搬自SCP基金会中文）
- 简单登入代码
- 实时显示时间代码
- 复杂登入系统代码
- (仅供人事页整活）隐藏评分中的dv和nv
- 空页面
Tips:如果某些HTML代码没有显示，请先稍等5-10秒，如果还没有加载出来请退出重进。
这是一个到处搬来的好用或者好玩的代码汇总
如果你来了
请随便看看
这应该没寄
不知有没有你想要的
页面基本信息：
| 名称 | 分数 | 字数 | 评论数 | 创建者 |
|---|---|---|---|---|
| DBY代码盒子（翻新，搬运自沙盒站点）⠀⠀⠀ | ⠀+ 8 (+8, -0)⠀ | 31137⠀⠀ | 0 | dby2022⠀⠀ |
| 关于我⠀⠀⠀ | ⠀+ 0 (+0, -0)⠀ | 292⠀⠀ | 0 | dby2022⠀⠀ |
如果你也想做自己页面的信息（随时更新）
请粘贴下方折叠代码
[[module ListPages name="你的页面url地址" separate="false" prependLine="||~ 名称 ||~ 分数 ||~ 字数 ||~ 评论数 ||~ 创建者 ||"]]
|| %%title_linked%%⠀⠀⠀ || ⠀##green|+ %%rating%%## (+[[#expr (%%rating%%+((%%rating_votes%%-%%rating%%)/2))]], -[[#expr ((%%rating_votes%%-%%rating%%)/2)]])⠀|| %%size%%⠀⠀ || %%comments%% || %%created_by%%⠀⠀ ||
[[/module]]本页代码来自此处和此处
效果不便展示。
代码：
[[module css]] #page-title { display: none; } [[/module]]
源代码
[[html]] <body> <div style="text-align:center"> <p><span id="url-pre" style="font-family:Consolas;font-size: 12.8px;color: orange;">搜索器</span> <input type="text" id="url" name="url" placeholder="页面名（url后缀）" size="25" ></p> <p> <button onclick="Go1()">查看页面</button> </p> </div> </body> <script language="javascript"> var keyWord; function Go1(){ keyWord=document.getElementById("url").value; if (keyWord != "") { var result='http://backroomssandboxcn.wikidot.com/' + keyWord; window.open(result); } } </script> [[/html]]
源代码：
[[html]] <style> .hide{ display:none; } </style> <div id="show"> 第一页内容 </div> <div id="page2" class="hide"> 第二页内容 </div> <button onclick="changePage()"> 按此处 </button> <script type="text/javascript"> function changePage(){ var show = document.getElementById("show"); var hide = document.getElementById("page2"); show.innerHTML = hide.innerHTML; } </script> [[/html]]
刚打开需要等一段时间（大概7秒）
源代码：
[[html]] <style type="text/css"> @import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css); button{ cursor:pointer; } .hide{ display:none; } .nextButton{ position:absolute; top:3px; right:5px; } .prevButton{ position:absolute; top:3px; left:5px; } .pageNumber{ position:absolute; top:0px; left:0px; width:100%; text-align:center; padding:5px; } </style> <script type="text/javascript" src="http://scp-jp.wdfiles.com/local--files/japanese-syntax/scpHTMLblockCtrl_ver1_ex.js"></script> <div id="page-conten"> </div> <div id="page1" class="hide"> <p>第一页</p> </div> <div id="page2" class="hide"> <p>第二页</p> </div> <div id="page3" class="hide"> <p>第三页</p> </div> <div id="page4" class="hide"> <p>第四页</p> </div> <div id="page5" class="hide"> <p>结束的第五页</p> </div> <div style="height:2em;position:relative;"> <div id="pageNum" class="pageNumber"></div> <button id="prev" onclick="showPage(-1)" class="prevButton">上一页</button> <button id="next" onclick="showPage(1)" class="nextButton">下一页</button> </div> <div id="scpHTMLblockResizeSwitch"></div> <script type="text/javascript"> var currentPage = 1; var show; var next; var prev; var pageNum; window.onload = function(){ show = document.getElementById("page-conten"); next = document.getElementById("next"); prev = document.getElementById("prev"); pageNum = document.getElementById("pageNum"); showPage(0); } function showPage(n){ prev.style.display = "block"; next.style.display = "block"; currentPage += n; if(currentPage < 2){ currentPage = 1; prev.style.display = "none"; } if(currentPage > 4){ currentPage = 5; next.style.display = "none"; } show.innerHTML = document.getElementById("page" + currentPage).innerHTML; pageNum.innerHTML = currentPage + " / 5"; correctIframeSize(); } </script> [[/html]]
根据监督者议会的命令
以下文件为X/XXXX级机密。禁止未经授权的访问。
XXXX
源代码：
[[div class="lightblock"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|根据监督者议会的命令##
##black|以下文件为X/XXXX级机密。禁止未经授权的访问。##
[[/=]]
= **##black|XXXX##**
@@ @@
@@ @@
[[/div]]用户未登录
欢迎，屏幕外的人！
源代码
[[module ListUsers users="."]] [[module css]] .textchange div.sitemember:nth-child(2) { display:none; } [[/module]] [[div class="textchange"]] [[module ListUsers users="."]] [[div class="sitemember"]] 用户已登录 欢迎，%%title%%！ [[/div]] [[/module]] [[div class="sitemember"]] 用户未登录 欢迎，屏幕外的人！ [[/div]] [[/div]]
更改版头标题：
[[module css]] :root { --header-title: "你的主标题"; --header-subtitle: "你的副标题"; } [[/module]]
源代码
[[html]] <style> @import url(http://d3g0gp89917ko0.cloudfront.net/v--edac79f846ba/common--theme/base/css/style.css); @import url(http://d3g0gp89917ko0.cloudfront.net/v--edac79f846ba/common--theme/shiny/css/style.css); @import url(http://scp-jp.wdfiles.com/local--theme/scp-sigma-9-off-canvas/style.css); #redG{ background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(255, 0, 0, 1)); background-size: cover; position:relative; height:20px; } #greenG{ background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 255, 0, 1)); background-size: cover; position:relative; height:20px; } #blueG{ background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, 255, 1)); background-size: cover; position:relative; height:20px; } #colorValueDisplay{ padding:5px; } #colorControlBar{ user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } #colorValueDisplay input{ letter-spacing:0.2em; cursor:text; } #ColorEditorParent{ width:70%; border:outset #BBB 2px; background-color:#CCC; margin:auto; box-shadow: 5px 5px 2px 2px rgba(0,0,0,0.6); } </style> <div id="ColorEditorParent"> <div style="background-color:#00F;color:#FFF;font-size:120%;text-align:center;"> 颜色自调器 </div> <div style="padding:10px;"> <div style="float:left;width:45%;height:250px;text-align:center;font-weight:bold;"> 预览框 <div id="colorSample" style="border:inset #EEE 2px;height:200px;background-color:#FFF;"> </div> </div> <div style="float:left;width:48%" id="colorValueDisplay"> <div id="colorControlBar"> <div style="height:20px;" id="redG"> <div id="redBar" style="width:4%;height:20px;position:absolute;top:0px;left:98%;background-color:#EEE;border:solid #AAA 1px;cursor:pointer;"></div> </div> <table> <tr><td valign="middle" style="width:2em;">红:</td><td id="redValue" valign="middle" style="width:4em;" align="right">255</td></tr></table> <br /> <div style="height:20px;" id="greenG"> <div id="greenBar" style="width:4%;height:20px;position:absolute;top:0px;left:98%;background-color:#EEE;border:solid #AAA 1px;cursor:pointer;"></div> </div> <table><tr><td valign="middle" style="width:2em;">绿:</td><td id="greenValue" valign="middle" style="width:4em;" align="right">255</td></tr></table> <br /> <div style="height:20px;" id="blueG"> <div id="blueBar" style="width:4%;height:20px;position:absolute;top:0px;left:98%;background-color:#EEE;border:solid #AAA 1px;cursor:pointer;"></div> </div> <table><tr><td valign="middle" style="width:2em;">蓝:</td><td id="blueValue" valign="middle" style="width:4em;" align="right">255</td></tr></table> </div> RGB编号:<input id="colorNumber" size="8" maxlength="7" value="#ffffff" readonly></input> </div> <div style="clear:both;"></div> </div> </div> <div style="height:20px;width:100%;"> </div> <script type="text/javascript"> var editor; var display; var setting; var setStart = { red:false, green:false, blue:false } var colorValueList = { red:255, green:255, blue:255 } var isMouseDown = false; document.addEventListener( 'DOMContentLoaded',function(event){ editor = document.getElementById("colorEditor"); display = document.getElementById("colorSample"); setting = document.getElementById("colorNumber"); var rgbName = ["red","green","blue"]; var check = isUseSmartPhone(); if(check){ isMouseDown = true; }else{ if(document.addEventListener){ document.addEventListener("mouseup",function(){isMouseDown = false;}); }else if(document.attachEvent){ document.attachEvent("onmouseup",function(){isMouseDown = false;}); } document.getElementById("ColorEditorParent").setAttribute("onmouseout",'changeMode(false)'); document.getElementById("colorControlBar").setAttribute("onmouseout",'(function(event){event.stopPropagation()})(event)'); document.getElementById("colorControlBar").setAttribute("onmousedown",'(function(event){event.preventDefault()})(event)'); } var target; for(var i = 0;i < rgbName.length;i++){ target = document.getElementById(rgbName[i] + "G"); if(check){ switch(i){ case 0: target.addEventListener("touchmove",function(event) {setColorForSmartPhone("red",event)},false); target.addEventListener("touchstart",function(event){setColorForSmartPhone("red",event)},false); break; case 1: target.addEventListener("touchmove",function(event) {setColorForSmartPhone("green",event)},false); target.addEventListener("touchstart",function(event){setColorForSmartPhone("geen",event)},false); break; case 2: target.addEventListener("touchmove",function(event) {setColorForSmartPhone("blue",event)},false); target.addEventListener("touchstart",function(event){setColorForSmartPhone("blue",event)},false); break; } }else{ target.setAttribute("onmousemove",'setColor("' + rgbName[i]+ '",event);'); target.setAttribute("onmousedown",'(function(event){changeMode(true);setColor("' + rgbName[i]+ '",event);})(event)'); } } function isUseSmartPhone(){ return (((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)); } }); function changeMode(bool){ isMouseDown = bool; } function setColorForSmartPhone(color,event){ event.preventDefault(); var touch = event.touches[0].pageX; applicateColor(color,touch); } function setColor(color,event){ event.preventDefault(); if(!isMouseDown)return false; var mouseX = event.pageX; applicateColor(color,mouseX); } function applicateColor(color,xPos){ var target = document.getElementById(color + "G"); var elmW = target.clientWidth; var mouseX = xPos -target.getBoundingClientRect().left; var percent = Math.floor((mouseX / elmW) *100); if(percent > 100)percent = 100; if(percent < 0)percent = 0; document.getElementById(color+"Bar").style.left = (percent-2) + "%"; colorValueList[color] = Math.floor(255*(percent/100)); document.getElementById(color+"Value").innerHTML = colorValueList[color]; oldColorEdit(); } function oldColorEdit(elm){ var color = "#"; color += createTwoDigit(colorValueList.red); color += createTwoDigit(colorValueList.green); color += createTwoDigit(colorValueList.blue); display.style.backgroundColor = color; setting.value = color; function createTwoDigit(colorNum){ var text = colorNum.toString(16); if(text.length < 2)text = "0" + text; return text; } } </script> [[/html]]
819b1583d062ff55f19810c029573dc7_1752621292
6a058c00dfa0802663638f71d2b50cde_1752621292
源代码
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
* title: ID
* default: <你的ID>
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
* title: 密码
* default: ・・・・・・・・・
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="登入" hide="登出"]]
文字
[[/collapsible]]今天是02 Mar 2024 00:51!
源代码
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天是%%updated_at|%Y/%m/%d%%！
[[/module]]
源代码：
[[html]] <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Verdana;} * {box-sizing: border-box;} .input-container { display: -ms-flexbox; /* IE10 */ display: flex; width: 100%; margin-bottom: 15px; } .input-field:focus{ border-style: solid; transition: 0.5; border-color: maroon; border-width: 2px; } .input-field { width: 100%; padding: 10px; outline: none; transition: 0.5s; } .btn:focus { outline: 0; } .btn { background-color: Maroon; color: white; padding: 10px 20px; border: none; cursor: pointer; width: 50%; opacity: 0.9; transition: 0.09s; border-radius: 3px; } .btn:hover { opacity: 1; transition: 0.8s; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7); } .btn:active { transition: 0.09s; transform: translateY(1px); box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); } .btn2 { background-color: white; border: none; cursor: pointer; } p{ font-family: Helvetica; margin-bottom: 5%; } </style> </head> <body> <form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;"> <p style="font-size:55px; font-weight: bold;">登入页面</p> <div class="input-container"> <input class="input-field" type="text" placeholder="用户名" name="usrnm"> </div> <div class="input-container"> <input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="密码"> </div> <button id="start_button" class="btn btn-success" onclick="window.open('http://backrooms-wiki-cn.wikidot.com','_parent')" disabled>登入</button> <br></br> <button style= "font-weight: bold;" class="btn2 btn-success">你忘记了密码？</button> <em>成功后进入主页</em> </form> </body> </html> [[/html]]
效果
源代码：
.page-rate-widget-box .ratedown { display: none!important } .page-rate-widget-box .cancel { display: none!important }
如果你想取消uv键，用以下代码：
.page-rate-widget-box .rateup { display: none!important }