被放逐者的书架 样版
Rating: +35

WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:component:vol-title-source)


+ Show component code- Hide component code

[[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)

用法

  封装书架

*  添加书籍

示例

Module相关

▽ 跳至底部

WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:phone-memu-end)

WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:css:float-memu-start)

用法

  封装书架

*  添加书籍

示例

Module相关

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;"]]

  1. red
  2. gold
  3. green
  4. black
  5. galaxy
  6. purple
  7. mix-2
  8. mix-1
  9. blue-2
  10. blue
  11. darkblue
  12. blue-3
  13. darkblack
  14. white
  15. darkgrey

[[/div]]


链接颜色,预设值【按示例一二的顺序排列】


[[div style=" column-width:15px;
column-gap:10px;
column-rule:1px #333 double;
column-rule-width:2px;
column-count:4;"]]

  1. gold
  2. red
  3. white
  4. 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"]]


Liber.jpg

示例一

手机时不横排,及在横栏上显示额外信息【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]]


実績_ひっぱりだこ.png

示例二

手机时横排,及浮动小框显示额外信息【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) | - ]]]]

注释在此

注释在此

[[/iftags]]

[[iftags [[#ifexpr true == (true) | - ]]]]

注释在此

注释在此

[[/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%%
]]

- 复制用
Footnotes
  1. 1.屏幕小于479px
  2. 2.参见下面的示例一和示例二。因为手机适应性问题,不建议使用。
  3. 3.不填则不用填写下面相应自定义样式
  4. 4.即模拟书本厚度的外框
  5. 5.比如色码和背景图片
  6. 6.即书本样式两边的竖线
  7. 7.注释显示在隔板上
  8. 8.注释显示在浮动框上
页面版本:⁨0⁩, 最后编辑于: ⁨2020/9/21 08:57:54⁩ (⁨⁨2186⁩ 日前⁩), 现时评分: 35