著作信息评分模块:backmodule

“著作信息模块”由SCP 日语分部C-takeC-takephysicslikephysicslikesinazugawasinazugawa7happy77happy7 制作;由 Dr_GromDr_GromSCP 德语分部改进;由 CroquemboucheCroquemboucheRimpleRimpleSCP 英语分部改进;并由 Sekai_sSekai_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-takeC-take sinazugawasinazugawa

AdaptedBy: hoah2333hoah2333 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;
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License