Kcorena的东西南北
[[div class="wj-include-error"]]
**WikiJump include 未展开:** 跨站引用未启用(:scp-wiki:component:toggle-sidebar)
[[/div]]
[[div class="wj-include-error"]]
**WikiJump include 未展开:** 跨站引用未启用(:scp-wiki:fragment:site-snippets-source)
[[/div]]
[[module css]]
#page-title {
display: none;
}
.image {max-height: 400px; align: center;}
[[/module]]
[[>]]
[[module Rate]]
[[/>]]
[[=image https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/O5与蛇 width="300px" height="300px"]]
[[=]]
+++++* 这里用来放最后一次更新时最满意的作品
[[size 200%]]**Kcorena的东西南北**[[/size]]
++++++* 又称Kcorena的LOGO艺作页
[[/=]]
------
[[=]]
[[image https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/边框 height="150px"]]
++++++* 这是一个纯由线和描边组成的基金会logo矢量图。
++++++* 谁愿意要就右键下载吧。
[[/=]]
------
[[<]]
++ **Site部门标志**
[[/<]]
[[div class="gallery-frame"|viewer=no
]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/SITE-CN-19%2051
[[/gallery]]
Site-CN-19 五一版本
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/site-cn-33.svg
[[/gallery]]
Site-CN-33,出场于[https://scp-wiki-cn.wikidot.com/scp-cn-1463 SCP-CN-1463]中。
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/site-cn-77.svg
[[/gallery]]
Site-CN-77
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/101-1
[[/gallery]]
Site-CN-101-1
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/101-2
[[/gallery]]
Site-CN-101-2
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/Site-CN-95
[[/gallery]]
Site-CN-95
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/82动物部
[[/gallery]]
Site-CN-82-β 动物部
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/82植物部
[[/gallery]]
Site-CN-82-β 植物部
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/82delta
[[/gallery]]
Site-CN-82-δ
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[!-- 地球素材 httpss://pixabay.com/zh/vectors/globe-world-green-blue-earth-1579177/ --]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/尸体管理部门
[[/gallery]]
Site-CN-64 尸体管理部门 "仵作行"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/site-cn-300
[[/gallery]]
Site-CN-300
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/02白
[[/gallery]]
Site-CN-02
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/throne
[[/gallery]]
地卫二部门
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/throne-bw
[[/gallery]]
地卫二部门·黑白版
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[/div]]
[[<]]
++ **特遣队标志**
[[/<]]
[[div class="gallery-frame"|viewer=no
]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/冷刃.svg
[[/gallery]]
MTF-Ilsa-07 "冷刃"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/冷刃2
[[/gallery]]
MTF-Ilsa-07 "冷刃" 概念重绘
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/ninja.svg
[[/gallery]]
"风林火山",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/夜鸦.svg
[[/gallery]]
MTF-戊戌-8 "夜鸦",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/视端人圆.svg
[[/gallery]]
MTF-丙戌-01 "视端人" 圆边框,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/视端人方.svg
[[/gallery]]
MTF-丙戌-01 "视端人" 方边框,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/亡灵法医.svg
[[/gallery]]
MTF-CN-Epsilon-06 "亡灵法医"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/三维铁律.svg
[[/gallery]]
MTF-庚子-0 "三维铁律",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/禁酒令第二版.svg
[[/gallery]]
"禁酒令",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/应用特遣队.svg
[[/gallery]]
ATF-Hartlepool-☏
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/大脑
[[/gallery]]
MTF-癸亥-64 "大脑雕刻师",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/荆棘之翼.svg
[[/gallery]]
"荆棘之翼",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/观山太保
[[/gallery]]
MTF-己申-19 "观山太保"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/三峡星河
[[/gallery]]
MTF-庚子-13 "三峡星河",没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/流浪传教士
[[/gallery]]
MTF-戊辰-12 "Wandering Missionary - 流浪传教士"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/三角79.svg
[[/gallery]]
深空部轨道特遣队 "Δ-79 οὐροβόρος"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/阔剑地雷.svg
[[/gallery]]
MTF-甲亥-01 "阔剑地雷"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/老安协奏曲.svg
[[/gallery]]
机动特遣队 Omega-11 "协奏曲"(攻击小组 003)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/破神特遣队
[[/gallery]]
CTF-Eunomia-0 “战锤,差分机与光缆联合会”
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/燕蹴飞花
[[/gallery]]
MTF-辛未-10 "燕蹴飞花"
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/脑
[[/gallery]]
MTF-Öhman-0 “突破佛伯斯”
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/绝不后退一步.svg
[[/gallery]]
MTF-庚午-227 “绝不后退一步”,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/人间之路
[[/gallery]]
MTF-辛午-甲 下属特别编组 γ特别编组(“人间之路”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/边境守护者
[[/gallery]]
MTF-辛午-甲 (“边境守卫者”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/无人生还
[[/gallery]]
MTF-辛午-丁(“无人生还”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/交大校友
[[/gallery]]
MTF 辛寅-86(“鲛大校友”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/水晶之心
[[/gallery]]
MTF-戊辰-94(“水晶绽放”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/守护之剑
[[/gallery]]
MTF-戊辰-03(“守护之剑”)
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[/div]]
[[<]]
++ **ACS图标**
[[/<]]
-----
[[=]]
全是[[*user sciencekiller]]找我要的自创分级
[[/=]]
[[div_ class="step_container"]]
[[div_ class="icons"]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/netzach]]
[[/div]]
[[div_ class="icon_name"]]
NETZACH
[[/div]]
[[div_ class="icon_link"]]
[https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/netzach 链接]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/chess]]
[[/div]]
[[div_ class="icon_name"]]
CHESED
[[/div]]
[[div_ class="icon_link"]]
[https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/chess 链接]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://darry.wikidot.com/local--files/upload/binah3]]
[[/div]]
[[div_ class="icon_name"]]
BINAH
[[/div]]
[[div_ class="icon_link"]]
[https://darry.wikidot.com/local--files/upload/binah3 链接]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://darry.wikidot.com/local--files/upload/yesod]]
[[/div]]
[[div_ class="icon_name"]]
YESOD
[[/div]]
[[div_ class="icon_link"]]
[https://darry.wikidot.com/local--files/upload/yesod 链接]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://darry.wikidot.com/local--files/upload/GEVURAH]]
[[/div]]
[[div_ class="icon_name"]]
GEVURAH
[[/div]]
[[div_ class="icon_link"]]
[https://darry.wikidot.com/local--files/upload/GEVURAH 链接]
[[/div]]
[[/div]]
[[div_ class="icon_container"]]
[[div_ class="icon_image color-white"]]
[[image https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/imitec]]
[[/div]]
[[div_ class="icon_name"]]
IMITEC
[[/div]]
[[div_ class="icon_link"]]
[https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/imitec 链接]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
-----
[[module css]]
:root {
--five-color: 196,2,51;
--four-color: 255,109,0;
--three-color: 255,211,0;
--two-color: 0,135,189;
--one-color: 0,159,107;
}
.color-five {
background-color: rgb(var(--five-color));
}
.color-four {
background-color: rgb(var(--four-color));
}
.color-three {
background-color: rgb(var(--three-color));
}
.color-two {
background-color: rgb(var(--two-color));
}
.color-one {
background-color: rgb(var(--one-color));
}
.color-gray {
background-color: rgba(var(--gray-monochrome, 66, 66, 72),0.15);
}
.color-white {
background-color: rgb(var(--white-monochrome, 252, 252, 252));
}
.color-black {
background-color: rgb(var(--black-monochrome, 12, 12, 12));
}
.icons {
display: grid;
grid-template-columns: repeat(5, calc((100% / 5) - 0.25rem));
grid-gap: 0.25rem;
}
.class-table-box {
display: grid;
grid-template-columns: 1fr 75%;
background-color: rgb(var(--black-monochrome));
grid-gap: 0.125rem;
margin-top: 0.5rem;
}
.class-table-box > div {
padding: 0.5rem;
}
.class-name {
font-family: var(--title-font);
font-size: 1.15em;
display: flex;
align-items: center;
justify-content: center;
}
.class-description {
background-color: rgb(var(--white-monochrome));
}
@media (max-width: 500px ) {
.icons {
grid-template-columns: repeat(3, calc((100% / 3) - 0.25rem));
}
}
.icon_image {
border-radius: 50%;
border: 0.25rem solid rgb(var(--black-monochrome, 12, 12, 12));
overflow: hidden;
}
.icon_name,
.icon_link {
font-family: var(--title-font);
display: flex;
align-items: center;
justify-content: center;
text-align: center; /* 中文调整 */
text-transform: uppercase;
}
.step_container {
margin: 0.5rem 0;
border: 1px solid #999;
padding: 1em;
}
.help {
display: flex;
align-content: stretch;
padding-top: 1em;
border-top: 1px dashed #999;
}
.help blockquote {
margin: 0;
font-size: 85%;
}
.help blockquote > p {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
margin-right: 0;
min-height: 2rem;
margin: 0;
}
.help blockquote > p * {
margin: 0 0.1rem;
height: 100%;
}
.help blockquote:nth-of-type(1) {
width: 50%;
background: transparent;
border: unset;
box-shadow: unset;
text-align: right;
margin-right: 0;
padding: 0;
}
.help blockquote:nth-of-type(1) > p {
justify-content: flex-end;
}
.help blockquote:nth-of-type(2) {
margin-left: 1em;
width: 50%;
}
#page-content > .collapsible-block {
display: block;
text-align: center;
padding: 0.75em;
background-color: lightgrey;
border-top: 0.125rem dashed slategrey;
border-bottom: 0.125rem dashed slategrey;
}
#page-content > div.collapsible-block > div.collapsible-block-unfolded > div.collapsible-block-content {
text-align:left;
}
[[/module]]
[[<]]
++ **其他**
[[/<]]
[[div class="gallery-frame"|viewer=no
]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/蛇.svg
[[/gallery]]
个人LOGO
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/万有
[[/gallery]]
[https://scp-wiki-cn.wikidot.com/scp-cn-400 SCP-CN-400]中出现的临时支撑性组织「万有」
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/中分兽.svg
[[/gallery]]
中分兽
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/中分兽和邮筒.svg
[[/gallery]]
中分兽和邮筒
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/咕咕神教完整版.svg
[[/gallery]]
咕咕神教
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/摸鱼宗教会.svg
[[/gallery]]
摸鱼宗教会
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/绝不写东西正教.svg
[[/gallery]]
绝不写东西正教
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/基金会之星
[[/gallery]]
基金会之星缎带版
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/基金会之星纯标.svg
[[/gallery]]
基金会之星标志版
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/天平
[[/gallery]]
管理委员会:天平之掌舵手,[https://scp-wiki-cn.wikidot.com/scp-cn-2599 SCP-CN-2599]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/幕府.svg
[[/gallery]]
SCP基金会幕府版本,,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/恶魔其他版本
[[/gallery]]
恶魔猎手,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/星月
[[/gallery]]
「月弓」计划,[https://scp-wiki-cn.wikidot.com/scp-cn-1473 SCP-CN-1473]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/铜印边疆
[[/gallery]]
提案-铜印边疆,[https://scp-wiki-cn.wikidot.com/scp-cn-1364 SCP-CN-1364]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/雅努斯
[[/gallery]]
雅努斯疗愈室,[https://scp-wiki-cn.wikidot.com/scp-cn-2666 SCP-CN-2666]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/鱼骨_原
[[/gallery]]
[[*user Dr Fishbone]]的个人LOGO 版一
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/鱼骨变体
[[/gallery]]
[[*user Dr Fishbone]]的个人LOGO 版二
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/Site-A9.svg
[[/gallery]]
[https://scp-wiki-cn.wikidot.com/night-voyager-hub 长夜孤舟]Site-A9 版一
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/Site-A9初版.svg
[[/gallery]]
[https://scp-wiki-cn.wikidot.com/night-voyager-hub 长夜孤舟]Site-A9 版二
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scp-wiki-cn.wikidot.com/local--files/kcorena-s-artwork/基金会奇术部
[[/gallery]]
基金会奇术部,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/编辑部2
[[/gallery]]
文书与编辑部
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/鲨鱼基金会
[[/gallery]]
鲨鱼基金会
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://darry.wikidot.com/local--files/upload/餐具基金会
[[/gallery]]
食堂基金会
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/猫猫
[[/gallery]]
猫猫基金会
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/猫猫丝带
[[/gallery]]
猫猫基金会 丝带
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/声乐部门
[[/gallery]]
SCP声乐部门
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/占星学部
[[/gallery]]
SCP占星学部
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/科特队
[[/gallery]]
SCP co 科特队
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/观星台印
[[/gallery]]
观星台印。占星学部在异学会司掌相同职能的前身“观星台”的大印,也就算是logo吧。
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/炖鸽子
[[/gallery]]
炖鸽子。 _
[https://scp-wiki-cn.wikidot.com/pigeonhole-hub I(奇迹重置)] _
[https://scp-wiki-cn.wikidot.com/pigeonhole-hub-ii II(非诚勿扰)] _
[https://scp-wiki-cn.wikidot.com/pigeonhole-hub-iii III(峰回路转)]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/水肺
[[/gallery]]
水肺深潜,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[iftags +组件]]
[[module CSS]]
@import url(https://scp-wiki-cn.wdfiles.com/local--code/credit%3Astyle/1);
[[/module]]
[[div class="creditRate"]]
[[div class="creditButtonStandalone"]]
[[a href="#u-credit-view" class="fa fa-info"]]@@@@[[/a]]
[[/div]]
[[/div]]
[[div style="clear:both;"]]
[[/div]]
[[div id="credit-view"]]
[[div class="fader"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1 ]]
[[/div]]
[[div class="modalcontainer"]]
[[div class="modalbox"]]
[[=]]
++* 著作信息
[[/=]]
------
[[div class="credit first"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4 class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"]]
**附带说明文本的画廊组件**
**作者:**[[*user thd-glasses]]
[[/div]]
------
[[div class="credit-back" style="text-align: center;"]]
[[iframe https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2 style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;" scrolling="no"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="gallery-frame"]]
[[/iftags]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://uploadfile.wikidot.com/local--files/kcorena-s-artwork-1/cth
[[/gallery]]
螺旋,没有现存文章
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[module CSS]]
div.gallery-item {
border: {$border}ne;
}
div.gallery-frame {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.gallery-flex {
width: 132px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
div.gallery-flex p {
padding: 0 0.5em;
margin: 0.25em 0 1em;
}
div.gallery-placeholder {
width: 132px;
display: none;
}
div.gallery-placeholder:nth-last-child(1),
div.gallery-placeholder:nth-last-child(2),
div.gallery-placeholder:nth-last-child(3),
div.gallery-placeholder:nth-last-child(4),
div.gallery-placeholder:nth-last-child(5) {
display: block;
}
[[/module]]
[[iftags +组件]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-KO.png
[[/gallery]]
基本示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-JA.png
[[/gallery]]
viewer=no的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-RY.png
[[/gallery]]
输入文字的长度超过画廊宽度的示例
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-DE.png
[[/gallery]]
**粗体** _
换行文字 _
[[[component:gallery|链接]]]的示例[[footnote]]脚注也能正常显示。[[/footnote]]
[[/div]]
[[div class="gallery-flex"]]
[[gallery size="thumbnail" viewer="true" viewer="no
"]]
: https://scpko.wdfiles.com/local--files/dinodon-s-hand/SH-EL.png
[[/gallery]]
这是自动换行对齐的示例
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[div_ class="gallery-placeholder"]]
[[/div]]
[[/div]]
@@@@
@@@@
+ 这是什么?
这是一个专为[[[https://www.wikidot.com/doc-wiki-syntax:images#gallery|Wikidot的Gallery(画廊)语法]]]设计的组件,可以在其中添加文字。在保留原有Gallery语法自动对齐、弹出窗口功能的同时,还可任意输入所需的文字。
@@@@
@@@@
+ 使用方法
[[div class="blockquote"]]
@@[[div class="gallery-frame"]]@@
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字)**
]]
@@[[/div]]@@
[[/div]]
这是最基本的使用方法,只需输入**img**和**caption**这两个变量,即可正常使用组件。若要添加更多图片,只需在上述代码中保留最外层的**div**,并额外复制粘贴**include**即可。
如果想让文字换行,可以像下面的示例一样使用下划线(_)。
[[div class="blockquote"]]
@@[[include :scp-wiki-cn:component:gallery@@
|img=**(图片地址)**
|caption=**(输入想要的文字) _**
**(继续输入想要的文字)**
]]
[[/div]]
@@@@
@@@@
+ 额外变量
**|viewer=no**
* 点击图片时不显示画廊弹窗,而是直接跳转到该图片的地址。
**|border=no**
* 去除所有图片周围的边框。
* 若使用了border=no变量,则会应用于该页面上的所有Gallery组件。
[[/iftags]]
[[/div]]
------
[[blockquote]]
相关讨论串:[https://scp-wiki-cn.wikidot.com/forum/t-13595478/ 此处]。里面有一些我分享的做标时自制素材。
[[/blockquote]]
------
[[div class="earthworm"]]
[[div class="first false "]]
[[div class="inner"]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Aearthworm/Transparent.gif]]
[[div class="arrow"]]
[[/div]]
[[/div]]
[https://scp-wiki-cn.wikidot.com/kcorena-s-personnel-file 藏锋之地
]
[[/div]]
[[div class="hub no
"]]
[/kcorena-s-artwork 东西南北
]
[[/div]]
[[div class="last false "]]
[[div class="inner"]]
[[image https://scp-wiki.wdfiles.com/local--files/component%3Aearthworm/Transparent.gif]]
[[div class="arrow"]]
[[/div]]
[[/div]]
[https://scp-wiki-cn.wikidot.com/kcorena-s-artwork-2 上下左右
]
[[/div]]
[[/div]]
[[module CSS]]
.earthworm {
font-weight: bold;
display: flex;
justify-content: center;
align-items: stretch;
margin: 1em 0;
clear: both;
z-index: 0;
min-height: 36px;
}
.earthworm > div {
display: flex;
align-items: center;
}
.earthworm p {
margin: 0 0.8em;
text-align: center;
position: relative;
z-index: 5;
}
.earthworm .first {
border-top: 2px rgba(150,150,150,0.5) solid;
border-bottom: 2px rgba(150,150,150,0.5) solid;
position: relative;
}
.earthworm .first:not(.true) img {
height: 100%;
width: auto;
display: block;
position: absolute;
left: 0;
top: -1.5px;
border: 2.8px rgba(150,150,150,0.5) solid;
transform: scale(0.707) rotate(-45deg);
border-width: 2.8px 0 0 2.8px;
transform-origin: 0% 100%;
}
.earthworm .hub {
margin: -3px 0;
border: 3px rgba(150,150,150,0.5) solid;
background: linear-gradient(10deg, rgba(150,150,150,0.1), rgba(150,150,150,0));
position: relative;
z-index: 5;
}
.earthworm .hub.no a,
.earthworm a[href="/"] {
color: #333;
text-decoration: none;
cursor: text;
pointer-events: none;
}
.earthworm .last {
border-top: 2px rgba(150,150,150,0.5) solid;
border-bottom: 2px rgba(150,150,150,0.5) solid;
position: relative;
}
.earthworm .last:not(.true) img {
height: 100%;
width: auto;
display: block;
position: absolute;
right: 0;
top: -1.5px;
border: 2.8px rgba(150,150,150,0.5) solid;
transform: scale(0.707) rotate(45deg);
border-width: 2.8px 2.8px 0 0;
transform-origin: 100% 100%;
}
.earthworm div.true {
width: 0;
}
.earthworm div.true p {
display: none;
}
.earthworm a {
word-break: normal;
}
[[/module]]
[[iftags +组件]]
-----
[[div class="wj-include-error"]]
**WikiJump include 未展开:** 跨站引用未启用(:scp-wiki:component:croqstyle)
[[/div]]
[[module CSS]]
td { vertical-align: top; }
.options table.wiki-content-table td { border: none; padding: 0.7em 1em; }
[[/module]]
[[div style="border: 1px solid #ddd; padding: 1em;"]]
+ 这是啥?
一个更好看的用于文档系列的导航条。
由[[*user Croquembouche]]制作并参与了2018末日竞赛,不过自然任何人都可以随意使用。
+ 用法
在任意一页中:
[[div class="code"]]
##blue|**[[include :scp-wiki-cn:component:earthworm**##
##blue|**|**## ##green|first####blue|**=**##false ##blue|**|**## ##green|last####blue|**=**##false ##blue|**|**## ##green|hub####blue|**=**##yes
##blue|**|**## ##green|previous-url####blue|**=**##上一文档的URL ##blue|**|**## ##green|previous-title####blue|**=**##上一文档的标题
##blue|**|**## ##green|next-url####blue|**=**##下一文档的URL ##blue|**|**## ##green|next-title####blue|**=**##下一文档的标题
##blue|**|**## ##green|hub-url####blue|**=**##中心页URL ##blue|**|**## ##green|hub-title####blue|**=**##中心页标题
##blue|**]]**##
[[/div]]
**请勿删掉竖直分割线!(##blue||##)**
会有三篇文档需要你进行链接:
# 该系列的上一篇文档。
# 该系列的下一篇文档。
# 该系列的中心页。
++ 上一篇文档
把{{上一文档的URL}}替换为该系列的上一篇文档的URL。比如说,{{@@https://scp-wiki-cn.wikidot.com/scp-001@@}}或{{/scp-001}}
把{{上一文档的标题}}替换为那个页面的题目。
如果当前页面是该系列的第一个页面,那么就没有上一篇文档。将上述的两个字段留空,方法是设置为{{/}}//(举例而言,{{##green|previous-url####blue|**=**##/}})//,并把{{##green|first##}}设置为{{true}}。
++ 下一篇文档
把{{下一文档的URL}}替换为该系列的下一篇文档的URL。比如说,{{@@https://scp-wiki-cn.wikidot.com/scp-003@@}}或{{/scp-003}}
把{{下一文档的标题}}替换为那个页面的题目。
如果当前页面是该系列的最后一个页面,那么就没有下一篇文档。将上述的两个字段留空,方法是设置为{{/}}//(举例而言,{{##green|next-url####blue|**=**##/}})//,并把“last”设置为“true”。
++ 中心页
把{{中心页URL}}替换为该系列的中心页的URL。比如说,{{@@https://scp-wiki-cn.wikidot.com/scp-series@@}}或{{/scp-series}}
把{{中心页标题}}替换为那个页面的标题。
如果你的系列目前没有中心页,那么将名为{{##green|hub##}}的参数设置为{{no}}。
将{{中心页标题}}设置为任何你想给该系列取的名字,然后将{{##green|hub-url##}}设置为{{/}}。如果你以后发了中心页,只需把{{##green|hub##}}改成{{yes}}并填上URL。
[[collapsible show="+ 它的外观"]]
Chrome,ChromeOS:
[[image https://xiasheng01.wdfiles.com/local--files/pics/ZVOFu08.png]]
Firefox,Ubuntu:
[[image https://xiasheng01.wdfiles.com/local--files/pics/xcvuQGZ.png]]
Brave,Windows:
[[image https://xiasheng01.wdfiles.com/local--files/pics/709odvg.png]]
[[/collapsible]]
要看哪些页面使用了Earthworm,请至页面底部,打开“+ 选项”然后打开“反向链接”。
[[/div]]
[[/iftags]]
页面版本:0, 最后编辑于: 2020/4/18 09:21:37 (2342 日前), 现时评分: 177






