“著作信息模块”由SCP 日语分部的
C-take,
physicslike,
sinazugawa 和
7happy7 制作;由
Dr_Grom 为SCP 德语分部改进;由
Croquembouche 和
Rimple 为SCP 英语分部改进;并由
Sekai_s 为 SCP 中文分部改进。
著作信息模块是一种评分模块的变体,可以让你在页面中添加任意世界观外的文本。需要由读者点击评分模块旁的一个小信息按钮,文本才会显示在一个对话框中。
通常,此模块用于添加例如 SCP 标题、解说、授权信息和批评致谢等信息,这些信息通常放在虚构的故事中会显得不合时宜。
使用方法
在页面的开头,插入如下的代码代替评分模块和 [[>]]。在 [[include …]] 之间,你可以根据你自己的需要删除或者添加项目。
[[include :backrooms-wiki-cn:credit:start]]
**Level C-XXX:**标题
**故事/相关人士标题**
**作者:**[[*user 作者]]
**原文:**原文链接
**译者:**[[*user 译者]]
**插图:**所用插图来源及许可
更多你想告诉读者的东西
[[include :backrooms-wiki-cn:credit:end]]
如果此页不需要评分模块,使用如下的 [[include]]。
[[include :backrooms-wiki-cn:credit:start-standalone]]
[[include :backrooms-wiki-cn:credit:end-standalone]]
注意:使用“预览”按钮预览页面时,著作信息模块无法正确地显示,除非你保存过页面。这是正常现象。
提示:不支持分页的 ListPages 模块。设置 perPage="250" 来最大化每页所能列出的文章数。
CreatedBy: C-take
sinazugawa
AdaptedBy: hoah2333 for the Chinese Branch
Start
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="zh-cn"/> <meta charset="UTF-8"/> <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script> <script> /*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z */ //--------------------------- //ProjectName: Credit Module //FunctionName: Back Module //CreatedBy C-take , sinazugawa //License MIT //--------------------------- $(function() { var ua = navigator.userAgent.toLowerCase(); var bReload= true; if ( ( ua.indexOf("applewebkit") >= 0 || ua.indexOf("firefox") >= 0 ) && ua.indexOf("edge") == -1 ) bReload= false; $('.fader').on("click",closeCredit); function closeCredit() { if ( bReload ) { history.go(-1); parent.location.href = document.referrer.split('#')[0]; } else { history.go(-1); } $('.fader').off("click"); setTimeout(function(){ $('.fader').on("click",closeCredit); },1200); } }); </script> <style> .fader { width: 100%; height: 100%; position: fixed; } </style> </head> <body> <div class='fader'></div> </body> </html>
End
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="zh-cn"/> <meta charset="UTF-8"/> <style> body{ background:transparent; padding:0; font-family:verdana,arial,helvetica,sans-serif; font-size:0.80em; } a{ color:#b01; } a:hover{ text-decoration:underline; } </style> <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script> <script> /*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z */ //--------------------------- //ProjectName: Credit Module //FunctionName: Back Module //CreatedBy C-take , sinazugawa //License MIT //--------------------------- $(function() { var ua = navigator.userAgent.toLowerCase(); var bReload= true; if ( ( ua.indexOf("applewebkit") >= 0 || ua.indexOf("firefox") >= 0 ) && ua.indexOf("edge") == -1 ) bReload= false; $('.back').click(closeCredit); function closeCredit() { if ( bReload ) { history.go(-1); parent.location.href = document.referrer.split('#')[0]; } else { history.go(-1); } return false; } }); </script> </head> <body> <div style="width: 100%; text-align: center;"> <a class="back" style="cursor: pointer;">返回</span> </div> </body> </html>
More
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="zh-cn"/> <meta charset="UTF-8"/> <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script> <script> /*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z */ //--------------------------- //ProjectName: Credit Module //FunctionName: Back Module //CreatedBy C-take , sinazugawa //License MIT //--------------------------- $(function() { var ua = navigator.userAgent.toLowerCase(); var bReload= true; if ( ( ua.indexOf("applewebkit") >= 0 || ua.indexOf("firefox") >= 0 ) && ua.indexOf("edge") == -1 ) bReload= false; $('.fader').click(closeCredit); function closeCredit() { if ( bReload ) { history.go(-2); parent.location.href = document.referrer.split('#')[0]; } else { history.go(-2); } } }); </script> <style> .fader { width: 100%; height: 100%; position: fixed; } </style> </head> <body> <div class='fader'></div> </body> </html>
Close
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" style="padding:0;margin:0;"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="zh-cn"/> <meta charset="UTF-8"/> <style> body{ background:transparent; padding:0; font-family:verdana,arial,helvetica,sans-serif; font-size:0.80em; } a{ color:#b01; } a:hover{ text-decoration:underline; } </style> <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script> <script> $(function() { var ua = navigator.userAgent.toLowerCase(); var bReload= true; if ( ( ua.indexOf("applewebkit") >= 0 || ua.indexOf("firefox") >= 0 ) && ua.indexOf("edge") == -1 ) bReload= false; $('.back').click(closeCredit); function closeCredit() { if ( bReload ) { history.go(-1); parent.location.href = document.referrer.split('#')[0]; } else { history.go(-1); } return false; } }); </script> </head> <body style="padding:0;margin:0;"> <div style="width: 100%; text-align: center;"> <a class="back" style="cursor: pointer;">X</span> </div> </body> </html>
CSS
.creditRate { display: inline-flex; flex-direction: row; align-items: center; float:right; padding: 0; margin: 0; margin-bottom:10px; margin-right:2em; } :where(.creditRate) div.page-rate-widget-box { margin:0; } .rate-box-with-credit-button { background-color: #633; border: solid 1px #633; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); } .rate-box-with-credit-button .cancel { border-right: 0; } .rate-box-with-credit-button .page-rate-widget-box { box-shadow: none; } .rate-box-with-credit-button .creditButton { display: inline-block; } .creditRate > li { display: inline-block; list-style: none; line-height: initial; text-align: initial; } .creditRate > li > br { display: none; } .creditButton p { font-size: 0.8em; margin:0; } .creditButton p a { display: inline-block; font-family: FontAwesome; width: 1.425em; line-height: 1; margin-left: -5px; color: #ffffff; border-left: solid 1px #966; text-align: center; text-decoration: none; font-size: 1.15em; } .creditButton p a:hover { color: #3498db; } .creditButtonStandalone p { margin: 0; } .creditButtonStandalone p a { font-family: FontAwesome; display: block; width: 1.25em; height: 1.25em; line-height: 1.25em; border-radius: 50%; color: #ffffff; text-align: center; background: #744; box-shadow: 0 0 3px gray; font-size: 0.95em; } .creditButtonStandalone p a:hover { background: #3498db; } #u-credit-view { width: 100%; height: 100%; top: 0px; bottom: 0; left: 0; right: 0; position: fixed; display: flex; z-index: 10; } :not(.unfolded) > #u-credit-view { opacity: 0; pointer-events: none; visibility: hidden; } #u-credit-view { opacity: 1; pointer-events: auto; visibility: visible; transition: opacity 0.105s linear, visibility 0.105s; } /* Add a lil X to close the box */ .close-credits { position: absolute; top: 1.5em; right: 1.5em; width: 1em; } .fader { position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } .fader a { font-size: 0; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .modalcontainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 37.5rem; max-width: 95vw; height: 350px; margin: auto; } .modalbox { background-color: #fefefe; background:linear-gradient(#eee 51px,#fefefe 51px,#fefefe); border: #333 solid 1px; border-radius: 5px; box-shadow: 0 2px 6px rgba(102, 0, 0, .5); padding: 4px; max-height: 50vh; } .modalbox .credit { margin: 0 2em; height: 30vh; overflow-y: auto; } .creditBottomRate { position: relative; height: 1.875rem; text-align: center; }