WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title-source)
[[iftags [[#ifexpr {$collapsible-sidebar} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$nobody} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$no-ridge} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$my-typeface} == (true) | - ]]]]
[[/iftags]]
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:float-memu-source)
[[iftags [[#ifexpr false == (false) | - ]]]]
列表暂不可用: 此 ListPages 查询尚未由只读迁移站支持。
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
列表暂不可用: 此 ListPages 查询尚未由只读迁移站支持。
[[/iftags]]
[[collapsible show="+ 太长不看版 " hide="- 太长不看版 " ]]
简述
只需引用一次:
[[include :scp-wiki-cn:component:bookshelf-source]]
可重复引用:
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans= 决定书架在手机屏幕下是否横排,填yes或no
|list-shelf= 书架编号
|book-annotation= 决定书籍采取A类还是B类注释,填1或2,不填则无
]]
重复引用下方组件即可重复排列书籍:
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover= 封面颜色,见预设样式,填对应英文
|link-color= 链接颜色,见预设样式,填对应英文
|book-link= 链接地址
|link-name= 链接文本
|book-info= 注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
复制用
[[include :scp-wiki-cn:component:bookshelf-source]]
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=0
|book-annotation=1
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=green
|link-color=gold
|book-link= 链接地址
|link-name= 链接文本,限11个汉字。
|book-info= 注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=red
|link-color=gold
|book-link= 链接地址
|link-name= 链接文本
|book-info= 注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
[[/collapsible]]
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:phone-memu-start)
* 添加书籍
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:phone-memu-end)
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:float-memu-start)
* 添加书籍
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:float-memu-end)
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title)
该组件可模拟书架与其上书籍样式,适用于搭配图书馆版式或者营造相近的气氛,总之多多少少能令页面美观。不过不建议添加太多书籍,以免造成页面卡顿。
要使用该组件,请按下列步奏进行:
一:引用源代码
该代码在一个页面只需要添加一次。
[[include :scp-wiki-cn:component:bookshelf-source]]
二:封装书架
1. 添加以下代码
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=1
|book-annotation=1
]]
书籍添加处
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
2. 选择自定义内容
include组件代码块的起始,需完整地黏贴在开头 ↦
书架的编号,添加此可更好与其他书架区别 ↦
必填,书架是否会在手机屏幕下改为横排
1 ↦书籍额外信息展示形式
2 ↦是否使用自定义隔板样式
3 ↦自定义隔板背景色 ↦
自定义隔板背景覆盖样式 ↦
自定义隔板滤镜 ↦
自定义隔板边框 ↦
自定义隔板边框裁角 ↦
结束引用块 ↦
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|list-shelf= 1
|trans= yes / no
|book-annotation= 1 / 2 / 其他则无
|my-plank=yes
|plank-background=
|plank-background-size=
|plank-filter=
|plank-border=
|plank-border-radius=
]]
[[collapsible show="+ 复制用" hide="- 复制用" ]]
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|list-shelf=
|trans=
|book-annotation=
|my-plank=yes
|plank-background=
|plank-background-size=
|plank-filter=
|plank-border=
|plank-border-radius=
]]
书籍在此。
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
附记:若要在书架外套外框以看起来更像书架(见下方示例一二),可如此:
[[div class="et-out-bookrack"]]
[[div class="et-inner-bookrack"]]
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=1
|book-annotation=1
]]
书籍在此
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
[[/div]]
[[/div]]
[[/collapsible]]
三:添加书籍
1. 复制以下基本代码:
[[include :scp-wiki-cn:component:bookshelf-books
|book-cover= 封面颜色,见预设样式
|link-color= 链接颜色,见预设样式
|book-link= 链接地址
|link-name= 链接文本,限11个汉字。
|book-info= 注释在此
|self-defining= 必填。是否启用自定义样式,可能值:false / true ;
]]
封面颜色,预设值
[[div style=" column-width:15px;
column-gap:10px;
column-rule:1px #333 double;
column-rule-width:2px;
column-count:3;"]]
- red
- gold
- green
- black
- galaxy
- purple
- mix-2
- mix-1
- blue-2
- blue
- darkblue
- blue-3
- darkblack
- white
- darkgrey
[[/div]]
链接颜色,预设值【按示例一二的顺序排列】
[[div style=" column-width:15px;
column-gap:10px;
column-rule:1px #333 double;
column-rule-width:2px;
column-count:4;"]]
- gold
- red
- white
- black
[[/div]]
样式效果见下方示例一二,点此跳转
[[collapsible show="+ 复制用" hide="- 复制用" ]]
[[include :scp-wiki-cn:component:bookshelf-books
|book-cover=
|link-color=
|book-link=
|link-name=
|book-info=
|self-defining=false
]]
[[/collapsible]]
2. 自定义选项:
注意,使用自定义选项会覆盖预设值,但没有启用对应的自定义选项的话,可以保留预设值相关选项,以避免样式缺省。
include组件代码块的起始,需完整地黏贴在开头 ↦
书本的编号,以区别其他自定义书籍样式 ↦
封面样式,预设值 ↦
链接颜色,预设值 ↦
链接地址 ↦
链接文本 ↦
补充信息 ↦
是否启用自定义样式,填true则继续填以下选项 ↦
自定义书籍描边
4 ,填色码 ↦自定义书籍封面,填背景相关值
5 ↦自定义书脊
6 ↦自定义链接颜色 ↦
自定义A类注释
7 文本颜色 ↦自定义B类注释
8 阴影 ↦自定义B类注释背景 ↦
自定义B类注释边框 ↦
结束引用块 ↦
[[include :scp-wiki-cn:component:bookshelf-books
|list-book=0
|book-cover=
|link-color=gold
|book-link=#
|link-name=链接文本
|book-info=注释在此
|self-defining=true / false
|self-book-color=#162c44
|self-book-background=url("xxx")
|self-book-border=2px solid #320f79
|self-link-color=red
|self-description-color=
|self-info-shadow=rgba(9,9,9,0.5)
|self-info-background=rgba(9,9,9,0.5)
|self-info-border=5px inset #333
]]
效果见下方的示例三,点此跳转
[[collapsible show="+ 复制用" hide="- 复制用" ]]
[[include :scp-wiki-cn:component:bookshelf-books
|list-book=
|book-cover=
|link-color=
|book-link=#
|link-name=链接文本
|book-info=注释在此
|self-defining=true
|self-book-color=
|self-book-background=
|self-book-border=
|self-link-color=red
|self-description-color=
|self-info-shadow=
|self-info-background=
|self-info-border=
]]
[[/collapsible]]
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title)
[[collapsible show="+ 显示书架示例" hide="- 隐藏书架示例" folded="no" hideLocation="both"]]

示例一
手机时不横排,及在横栏上显示额外信息【A类注释】
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]

示例二
手机时横排,及浮动小框显示额外信息【B类注释】
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[/iftags]]
[[/collapsible]]
+ 显示示例代码
[[div class="et-out-bookrack"]]
[[div class="et-inner-bookrack"]]
[[=]]
[[image http://scpsandboxcn.wdfiles.com/local--files/etinjat-2/Liber.jpg width="130px"]]
++ 被放逐者的书架
[[/=]]
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=1
|book-annotation=1
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=red
|link-color=gold
|book-link=#
|link-name=红卷
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=gold
|link-color=red
|book-link=#
|link-name=金册
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=green
|link-color=gold
|book-link=#
|link-name=绿典
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=black
|link-color=white
|book-link=#
|link-name=黑铁
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=galaxy
|link-color=white
|book-link=#
|link-name=银河
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=purple
|link-color=white
|book-link=#
|link-name=亮紫
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=mix-2
|link-color=white
|book-link=#
|link-name=蓝紫
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=mix-1
|link-color=white
|book-link=#
|link-name=青蓝
|book-info=注释在此
]]
@@[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
------
@@[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=2
|book-annotation=2
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=blue-2
|link-color=white
|book-link=#
|link-name=水蓝
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=blue
|link-color=white
|book-link=#
|link-name=泛蓝
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=darkblue
|link-color=white
|book-link=#
|link-name=深蓝
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=blue-3
|link-color=white
|book-link=#
|link-name=蓝皮
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=darkblack
|link-color=white
|book-link=#
|link-name=黑皮
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=white
|link-color=black
|book-link=#
|link-name=白皮
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-books
|self-defining=false
|book-cover=darkgrey
|link-color=white
|book-link=#
|link-name=虚灰
|book-info=注释在此
]]
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
[[/div]]
[[/div]]
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title)
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[# 链接名称]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (false) | - ]]]]
[#u-bk-1 点击此处打开书籍]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[#u-bk-1 点击此处打开书籍]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[div id="bk-1" class="note-nobody note-cover bks-bk-1" ]][[div class="note-wrap note-leaf" ]]
[[div class="note-bookmark"]]
史美尔斯说过一句富有哲理的话,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这句话语虽然很短,但令我浮想联翩。 就我个人来说,没有人对我的意义,不能不说非常重大。 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。 带着这些问题,我们来审视一下没有人。
我认为, 总结的来说, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 没有人因何而发生? 既然如此, 问题的关键究竟为何? 一般来说, 每个人都不得不面对这些问题。 在面对这种问题时, 所谓没有人,关键是没有人需要如何写。 要想清楚,没有人,到底是一种怎么样的存在。 从这个角度来看, 那么, 没有人因何而发生? 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 对我个人而言,没有人不仅仅是一个重大的事件,还可能会改变我的人生。毕竟最灵繁的人也看不见自己的背脊。 雷锋说过一句富有哲理的话,自己活着,就是为了使别人过得更美好。我希望诸位也能好好地体会这句话。 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。
一般来讲,我们都必须务必慎重的考虑考虑。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 既然如何, 没有人的发生,到底需要如何做到,不没有人的发生,又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时, 一般来说, 一般来说, 在这种困难的抉择下,本人思来想去,寝食难安。 所谓没有人,关键是没有人需要如何写。 莫扎特曾经说过,谁和我一样用功,谁就会和我一样成功。我希望诸位也能好好地体会这句话。
[[/div]]
[[/div]]
[[/div]]
附记:
该组件可以配合:target等代码使用,
建议搭配component:note-template使用,
比如现在可以点击一下题有“点击此处打开书籍”的书本。
+ 显示示例代码
[[include :scp-wiki-cn:component:bookshelf-shelf-top
|trans=yes
|list-shelf=3
|book-annotation=2
|my-plank=yes
|plank-background=var(—bluepaper-image)
|plank-filter=drop-shadow(4px 15px 5px #1f2a36)
|plank-background-size=cover 100%
|plank-border-radius=25px
]]
[[include :scp-wiki-cn:component:bookshelf-books
|list-book=0
|link-color=gold
|book-link=链接地址
|link-name=链接文本
|book-info=注释在此
|self-defining=true
|self-book-color=#162c44
|self-book-background=url("http://scpsandboxcn.wikidot.com/local--files/image/Bgr-WL-Blue.png");
|book-annotation=2
|self-book-border=2px solid #320f79
|self-link-color=red
|self-description-color=
|self-info-shadow=rgba(9,9,9,0.5)
|self-info-background=rgba(9,9,9,0.5)
|self-info-border=5px inset #333
]]
[[include :scp-wiki-cn:component:bookshelf-shelf-bottom]]
WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title)
要想使用module于该主题,将以下代码替换原先的书籍代码,而对应参数参照常规module参数即可。另外,因为潜在的适应性问题,不大建议在此模板上使用module。使用效果如下所示:
[[iftags [[#ifexpr false == (false) | - ]]]]
列表暂不可用: 此 ListPages 查询尚未由只读迁移站支持。
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
列表暂不可用: 此 ListPages 查询尚未由只读迁移站支持。
[[/iftags]]
include组件代码块的起始,需完整地黏贴在开头 ↦
书本的编号,以区别其他自定义书籍样式,不需更改 ↦
封面样式,预设值 ↦
链接颜色,预设值 ↦
书籍信息
是否启用自定义样式,填true则启用,参数见上文 ↦
筛选创建者 ↦
筛选顺序 ↦
筛选分类 ↦
显示几个结果 ↦
最多显示几个结果 ↦
筛选标签 ↦
页面链接 ↦
结束引用块 ↦
[[include :scp-wiki-cn:component:bookshelf-module
|list-book=%%index%%
|book-cover=green
|link-color=gold
|book-info=
|self-defining=false
|module-created-by=etinjat
|module-order=updated_at desc
|module-category=*
|module-perpage=9
|module-limit=*
|module-tags=wanderers
|module-link=%%title_linked%%
]]
+ 复制用
[[include :scp-wiki-cn:component:bookshelf-module
|list-book=%%index%%
|book-cover=
|link-color=
|book-info=
|self-defining=
|module-created-by=
|module-order=
|module-category=
|module-perpage=
|module-tags=
|module-limit=
|module-link=%%title_linked%%
]]
1. 屏幕小于479px2. 参见下面的示例一和示例二。因为手机适应性问题,不建议使用。3. 不填则不用填写下面相应自定义样式4. 即模拟书本厚度的外框5. 比如色码和背景图片6. 即书本样式两边的竖线7. 注释显示在隔板上8. 注释显示在浮动框上






