WikiJump include 未展开： 跨站引用未启用（:etinjat:component:vol-title-source）
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:float-memu-source）
WikiJump include 未展开： 跨站引用未启用（:etinjat:typeface-cn）
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-piles
preset-style-{$preset-style} " style="width:60%
;" ]][[div class="note-paper-unset111 accessory-pile
"]][[div class="note-paper-unset222 chew-paper-none
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
纸堆
- 令组件看起来像是被撕下的几页纸，草草地摞成一沓。
- 该选项可与下方预设样式共同使用。
- 如需调整垫底的颜色，可以通过开启自定义选项，调节 ##green||page-color=## 或 ##green||pile-color=##。
- 由于未适应的缘故，请尽量不要调节边缘齿痕大小，以及尽量不把 ##blue||chew-paper=## 设置为 horiz 与 verti。
[[include :scp-wiki-cn:component:note-paper-head
##red||accessory=pile##
|preset-style=【自定义】
|chew-paper=【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-piles
preset-style-notepaper
" style="width:60%
;" ]][[div class="note-paper-unset111 accessory-pile
"]][[div class="note-paper-unset222 chew-paper-left
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
与预设“便签纸”样式组合1
[[include :scp-wiki-cn:component:note-paper-head
|accessory=pile
|preset-style=notepaper
|chew-paper=left
]]
附注：该部分灵感来自theme:basalt里的div块。
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[=]]
纸堆动画
+ 点此显示
[[/=]][[<]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-aaa-piling
preset-style-notepaper
" style="width:60%
;" ]][[div class="note-paper-unset111 accessory-pile
"]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
[[/<]]
[[include :scp-wiki-cn:component:note-paper-head
|accessory=pile
|name=xxx-piling
]]
效果见此
[[include :scp-wiki-cn:component:note-paper-tail]]
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
单页预设样式
灵活运用好组合可实现多种效果。
以下为整合过的特殊样式，只需要添加以下代码到上述自定义代码里即可：
[[div class="note-quote-out note-nobody "]]
[[div class="note-quote-inner"]]
|preset-syle= scroll / oldpaper / notepaper /......
[[/div]]
[[/div]]
具体的预设特殊样式见下：
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-notepaper
preset-style-notepaper
" style="width:60%
;" ]]
[[div class="note-paper-unset222 chew-paper-top
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
来自格式资源里的便签纸样式，给有需要的人使用。
[[include :scp-wiki-cn:component:note-paper-head
##red||preset-style=notepaper##
|chew-paper= 【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-pad
preset-style-pad
" style="width:60%
;" ]]
[[div class="note-paper-unset222 chew-paper-left
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
基本上可以当作便签纸样式的变体。
[[include :scp-wiki-cn:component:note-paper-head
##red||preset-style=pad##
|chew-paper=
]]
正文在此。
[[include :scp-wiki-cn:component:note-paper-tail]]
PS: 不知为何，在展示页里行线左右不对齐，但单独使用时能对齐的。
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-toppad
preset-style-pad
" style="width:60%
;" ]]
[[div class="note-paper-unset222 chew-paper-bottom
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
当你设定 ##green||chew-paper= ## 为垂直时，该样式的注释线左侧空间会变宽，默认留下8rem的空白。为了利用这一效果，你可以采用弹性布局或者留空的方式，将文本分割成左右两边。
[[div class="mob-pad"]]
此处建立一个div，令div块内文本向左侧留空，在移动端时则缩减至2rem。
[[/div]]
也可以用[[span class="mob-pad"]] @.@ 若干空格 @.@ [[/span]]的方式给一行前面留空。
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-scroll
preset-style-scroll
" style="width:80%
;" ]]
[[div class="note-paper-unset222 chew-paper-verti
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
古代卷轴【scroll】
[[include :scp-wiki-cn:component:note-paper-head
##red||preset-style=scroll##
|chew-paper=【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
- 选填选项：添加卷轴的轴
|accessory=scroll-verti / scroll-horiz 可不填。附加组件，目前只能填 scroll-verti 和 scroll-horiz 以在垂直/水平方向增加卷轴的轴
|hidden-scroll-side=left / right / top / bottom 若开启卷轴的轴，选填四个方向的其中之一,以隐藏一根轴。
+ 效果如下
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-shakespeare
preset-style-{$preset-style} " style="width:60%
;" ]][[div class="note-paper-unset111 accessory-scroll-verti
"]][[div class="note-paper-unset222 chew-paper-bottom
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
No matter where; of comfort no man speak:
Let's talk of graves, of worms, and epitaphs;
Make dust our paper and with rainy eyes
Write sorrow on the bosom of the earth,
Let's choose executors and talk of wills:
And yet not so, for what can we bequeath
Save our deposed bodies to the ground?
Our lands, our lives and all are Bolingbroke's,
And nothing can we call our own but death
And that small model of the barren earth
Which serves as paste and cover to our bones.
[[div class="note-paper-under under-set-center
"]]
- William Shakespeare -
{$side-text}
[[/div]]
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
+ 查看整合之前的完整代码
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-qqqq
preset-style-scroll
" style="width:{$pc-width};" ]][[div class="note-paper-unset111 accessory-scroll-verti
"]][[div class="note-paper-unset222 chew-paper-horiz
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
[[include :scp-wiki-cn:component:note-paper-head
|hidden-scroll-side=bottom
|chew-paper=bottom
|name=shakespeare
|accessory=scroll-verti
|self-defining=true
|page-line=none
|font-family='Ma Shan Zheng'
|font-size=1.2rem
|text-align=center
|text-color=darkred
|filter-text=drop-shadow(1px 4px 2px darkred)
|background-inner= url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ;
|cover-midner=url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ;
|background-left= linear-gradient(0deg,#752b14 1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%)
|background-right= linear-gradient(180deg,#752b14 1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%);
|background-mid=linear-gradient(180deg,#752b14 1%,#954425 3.5%,#a4582b 6%,#b1772b 10%,#e4b876 20%,#edc995 40%,#e7cfac 50%,#e4b876 70%, #b1772b 90%,#a4582b 96%,#954425 98%,#752b14 100%);
|paper-chew-size=30rem
|paper-chew-mobsize=0.5rem
|pc-width=60%
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
|under-set=center
|under-text=页码
]]
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-oldpaper
preset-style-oldpaper
" style="width:60%
;" ]]
[[div class="note-paper-unset222 chew-paper-right
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
古代书页【oldpaper】
[[include :scp-wiki-cn:component:note-paper-head
##red||preset-style=oldpaper##
|chew-paper= 【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
该样式可以替换不安马戏团的GOI格式里的书页。
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div id="oldletter" class="note-quote-out note-nobody "]]
[[div class="note-quote-inner"]]
古代信笺【oldletter】
注意：
- 仅限宽屏，在窄屏时变回从左至右的横排书写，以及横线栏样式。
- 使用
等宽字体代码【即两个花括号夹文本：{{ 文本 }}】可将标点符号移动到文字右端，在手机端则恢复。在此模式下的等宽字体无原来的等宽效果，其字体与组件字体保持一致。 - 以下需要开启自定义组件：
- 由于有些字体的标点符号位置不同，因而需要调整 em。
- 如果想要符号横排，则在花括号里面再使用下划线语法，像这样：{{ __文本__ }}。此时需要通过 ##green||monospace-left-hr## 来调节其位置。
- 通过调整##green||monospace-color## 和 ##green||monospace-size##来调整等宽字体的颜色和大小，亦即标点符号的颜色和大小。需要开启自定义组件。
[[include :scp-wiki-cn:component:note-paper-head
##red||preset-style=oldletter##
|chew-paper=none 【也可自定义】
|header-footer=true
|upon-set=center
|upon-text=与朱元思书
|upon-color=#b73829
|upon-size=180%
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-letter
preset-style-oldletter
" style="width:80%
;" ]]
[[div class="note-paper-unset222 chew-paper-none
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]][[div class="note-paper-upon upon-set-center
" ]]
与朱元思书
[[div class="note-paper-midner" style="font-size:212%
;font-family:'Ma Shan Zheng'
, sans-serif;"]]
风烟俱净，天山共色。从流飘荡，任意东西。自富阳至桐庐一百许里，奇山异水，天下独绝。
水皆缥碧，千丈见底；游鱼细石，直视无碍。急湍甚箭，猛浪若奔。夹岸高山，皆生寒树；负势竞上，互相轩邈；争高直指，千百成峰。
泉水激石，泠泠作响；好鸟相鸣，嘤嘤成韵；蝉则千转不穷，猿则百叫无绝。鸢飞戾天者，望峰息心；经纶世务者，窥谷忘反。横柯上蔽，在昼犹昏；疏条交映，有时见日。
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
+ 展开辅助选项
[[div class="blockquote section-break"]]
辅助选项
强制留空与断行
[[div class="blockquote "]]
强制留空：,,下标代码,,
强制断行：^^上标代码^^
信笺抬头
- 仅限宽屏（>520px）
首先需要在正文外面套一个div，填写以下代码之一。这是给文本上方预留 1 / 2 / 3 个汉字的空格。
- class=
- ol-tt-p1
- ol-tt-p2
- ol-tt-p3
然后再在正文的需要抬头的某行的第一个字，套上span。
- class=
- ol-tt-t1
- ol-tt-t2
- ol-tt-t3
[[span class="ol-tt-t3" ]]三抬[[/span]]
[[span class="ol-tt-t2" ]]二抬[[/span]]
[[span class="ol-tt-t1" ]]一抬[[/span]]
[[div class="blockquote"]]
对应地，
[[div class="ol-tt-p3"]]
[[/div]]
[[div class="ol-tt-p2"]]
[[/div]]
[[div class="ol-tt-p1"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-nobody note-paper-wrap note-chew-letter
preset-style-oldletter
" style="width:80%
;" ]]
[[div class="note-paper-unset222 chew-paper-left
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]][[div class="note-paper-upon upon-set-center
" ]]
辅助效果示例
[[div class="note-paper-midner" style="font-size:212%
;font-family:'Ma Shan Zheng'
, sans-serif;"]]
三抬
二抬
一抬
正文
可用抬头代码，作为首行缩进。
强制
分行
pc端#########留空
{$under-text}
{$side-text}
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
WikiJump include 未展开： 跨站引用未启用（:etinjat:component:vol-title）
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[div class="note-wrap note-line chew-paper-left
" ]]
[[div class="note-bookmark"]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-rrtert
note-tip-wrap " style="width:70%
; float:left
;"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
[[include :scp-wiki-cn:component:note-tip-top
|crease=right 填 left / right，就会让便利贴的下方的左侧/右侧出现折角。不填或填其他则不出现。
|float=left 填 right 令浮动方向向右。不填默认为 left。
|width=50% 便利贴大小。
]]
正文在此
[[include :scp-wiki-cn:component:note-tip-bottom]]
[[/div]]
文字环绕。
使用清除浮动元素代码 ~~~~ 可以阻止文字环绕，像这样。
由于显而易见的bug，使用以下代码更改数值，以调节组件下方文本与组件的距离。
[[div style="margin-top:0.2rem;"]]
正文在此。
[[/div]]
该便利贴组件可以用来取代笔记本组件中的引用块 > ，使之看起来更棒。另外，若在全局中使用了 ##blue||fixed-line## 的话，引用块将会与上文粘贴住，此时需要用四个@生成一个空行以适应。
[[/div]]
[[/div]]
[[div class="note-page note-right"]]
以下是是自定义选项：
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-eee
note-tip-wrap " style="width:80%
; float:right
;"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
[[include :scp-wiki-cn:component:note-tip-top
|crease=right
|self-defining=true 启用自定义选项。
|name=sss 便利贴标识，以让此使用的自定义设置成为特定设置。
|tip-color=#abddba 便利贴颜色。
|texts-color=#abddba 文本颜色。
|position-left=-1rem 向左调节便利贴位置.
|position-right=-1rem 向右调节便利贴位置。
|position-left-mob=-1rem 移动端下左调节。
|position-right-mob=-1rem 移动端下右调节。
|stick-height=1.5rem 便利贴贴条部分（顶部阴影）的高度。
|rotate=10deg 便利贴旋转角度。
]]
正文在此。
[[include :scp-wiki-cn:component:note-tip-bottom]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-ertteer
note-tip-wrap " style="width:100%
; float:right
;"]]
[[div class="note-tip-stick" ]]
改变位置后就像书签一样。
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-qqq
note-tip-wrap " style="width:{$width}; float:{$float};"]]
[[div class="note-tip-set tip-crease-left
" ]]
[[div class="note-tip-stick" ]]
绿的便利贴
#abddba
使用 > 生成引用块
引用块的嵌套
便利贴组件内部不能嵌套便利贴组件。
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$fixed-line} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$header-footer} == (true) | - ]]]]
[[/iftags]]
[[div class="note-paper-unset222 chew-paper-right
" ]]
{$side-text}
[[div class="note-paper-mid note-paper-base" ]]
{$upon-text}
[[div class="note-paper-midner" style="font-size:{$texts-size};font-family:{$texts-typeface}, sans-serif;"]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-spop
note-tip-wrap " style="width:{$width}; float:right
;"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
#f3a2aa
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-xxxfd
note-tip-wrap " style="width:{$width}; float:{$float};"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
#f0dd8e
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-wwwert
note-tip-wrap " style="width:{$width}; float:{$float};"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
#bbdcea
[[/div]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr true == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-srtrty
note-tip-wrap " style="width:{$width}; float:right
;"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
#b5b6ae
[[/div]]
[[/div]]
[[/div]]
[[div class="pc-absolute" style="position:absolute;left:10rem"]][[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[div class="note-tip-{$name} note-tip-wrap " style="width:{$width}; float:right
;"]]
[[div class="note-tip-set tip-crease-right
" ]]
[[div class="note-tip-stick" ]]
可以在组件外面套以下div形成绝对定位，以实现便利贴覆盖便利贴。
[[div class="pc-absolute" style="left:10rem"]]
放入便利贴组件
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
{$under-text}
[[/div]]
{$side-text}
[[/div]]
[[div class="note-reserve-bottom"]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
WikiJump include 未展开： 跨站引用未启用（:etinjat:component:vol-title）
该组件可以搭配书架组件使用，效果如下：
[[div class="shelf-0
shelf-wrap trans-yes
my-plank-{$my-plank}"]][[div class="shelf-yes
"]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#u-bk-x
请点击此处
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#u-bk-x
请点击此处
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[div id="listbook-{$list-book}" class="dust-jacket cover-blue-3
"]][[div class="book-list link-white
" ]]
[#
书本
]
[[/div]]
[[/div]]
注释在此
注释在此
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div class="dust-jacket cover-blue-3
cover-false
"]][[div class="book-list link-white
link-color" ]]
[#
书本
]
[[/div]]
[[div class="book-description description-false
book-annotation-1 "]]
注释在此
[[/div]]
[[div class="float-info info-1 info-false
book-annotation-2"]]
注释在此
[[/div]]
[[/div]]
[[/iftags]]
[[/div]]
[[/div]]
[[iftags [[#ifexpr {$self-defining} == (true) | - ]]]]
[[/iftags]]
[[div id="bk-x
" class="note-nobody note-cover bks-bk-x
" ]][[div class="note-wrap note-leaf" ]]
[[div class="note-bookmark"]]
史美尔斯说过一句富有哲理的话，书籍把我们引入最美好的社会，使我们认识各个时代的伟大智者。这句话语虽然很短，但令我浮想联翩。 就我个人来说，没有人对我的意义，不能不说非常重大。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 带着这些问题，我们来审视一下没有人。
我认为， 总结的来说， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 没有人因何而发生？ 既然如此， 问题的关键究竟为何？ 一般来说， 每个人都不得不面对这些问题。 在面对这种问题时， 所谓没有人，关键是没有人需要如何写。 要想清楚，没有人，到底是一种怎么样的存在。 从这个角度来看， 那么， 没有人因何而发生？ 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。
对我个人而言，没有人不仅仅是一个重大的事件，还可能会改变我的人生。毕竟最灵繁的人也看不见自己的背脊。 雷锋说过一句富有哲理的话，自己活着，就是为了使别人过得更美好。我希望诸位也能好好地体会这句话。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。
一般来讲，我们都必须务必慎重的考虑考虑。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 既然如何， 没有人的发生，到底需要如何做到，不没有人的发生，又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时， 一般来说， 一般来说， 在这种困难的抉择下，本人思来想去，寝食难安。 所谓没有人，关键是没有人需要如何写。 莫扎特曾经说过，谁和我一样用功，谁就会和我一样成功。我希望诸位也能好好地体会这句话。
[[/div]]
[[/div]]
[[/div]]
？
这是一个还在绝赞咕咕的图书样版，翻页代码由
sekai_s制作，目前还未做手机屏适应，还存在许多漏洞，不过可以看一下效果如何，也许有朝一日会独立发布吧。
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-1-left）
役 形 勞 骨 損 張 羽 亂 心 飛
伏 枕 巾 濕 甚 舉 頭 明 鑒 微
欲 將 霜 淚 寄 孰 把 黯 雲 堆
還 續 黃 花 酒 滿 接 白 玉 杯
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-2-left）
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-3-left）
第三页左侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-4-left）
第四页左侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-5-left）
第五页左侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-backcover）
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-5-right）
第五页右侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-4-right）
第四页右侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-3-right）
第三页右侧
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-2-right）
遊 尊 孤 影 惡 邀 筆 鮮 人 回
飲 盡 新 思 苦 夢 鉤 殘 恨 頹
孤 舟 南 浦 繫 杜 宇 北 林 催
天 漢 曷 奔 湧 乘 風 揚 月 歸
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-page-1-right）
聒 聲 擾 我 扉 夜 夜 彩 煙 輝
萬 戶 闔 家 樂 獨 居 久 客 悲
低 簷 垂 冷 露 高 樹 起 秋 黴
曳 炬 銀 波 退 移 燈 玄 浪 隨
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-cover-start）
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-cover-end）
WikiJump include 未展开： 跨站引用未启用（:etinjat:css:flip-book-over）
怎么用？
将文字填入对应的地方即可。
[[include :etinjat:css:flip-book]]
[[include :etinjat:css:flip-book-page-1-left]]
第一页左侧
[[include :etinjat:css:flip-book-page-2-left]]
第二页左侧
[[include :etinjat:css:flip-book-page-3-left]]
第三页左侧
[[include :etinjat:css:flip-book-page-4-left]]
第四页左侧
[[include :etinjat:css:flip-book-page-5-left]]
第五页左侧
[[include :etinjat:css:flip-book-backcover]]
[#u-p-5 书籍尾封]
[[include :etinjat:css:flip-book-page-5-right]]
第五页右侧
[[include :etinjat:css:flip-book-page-4-right]]
第四页右侧
[[include :etinjat:css:flip-book-page-3-right]]
第三页右侧
[[include :etinjat:css:flip-book-page-2-right]]
第二页右侧
[[include :etinjat:css:flip-book-page-1-right]]
第一页右侧
[[include :etinjat:css:flip-book-cover-start]]
[[a href="#u-p-1"]]书籍标题[[/a]]
[[include :etinjat:css:flip-book-cover-end]]
[[div class="book-memu memu-1 " ]]
**目录**
[#u 封面]
[#u-p-1 第一頁]
[#u-p-2 第二頁]
[#u-p-3 第三頁]
[#u-p-4 第四頁]
[#u-p-5 第五頁]
[#u-p-end 第六頁（封底）]
[[/div]]
[[include :etinjat:css:flip-book-over]]
+ 脚注
1. 见下文 预设样式 一节2. 当此处填none的时候，整个样式会和格式资源里的差不多。3. 由于存在有bug，所以建议使用垂直样式 top / bottom / verti