鱼骨作者页工具 重置版
评分: +3+x

▷ 这是什么 ◁


这是鱼骨按照自己的审美做的一个半自动作者页工具,作者Dr FishboneDr Fishbone

需要手动添加到对应位置。

<此处>有后室版本的工具说明。(未更新)

声明:

  • 本模块本来是在Sigma-9版式下制作的,其他版式不能做到足够适配,但应该不影响正常使用。请见谅。
  • 由于每一个模块都要调用到ListPages,过多使用该模块会造成网页一定程度上的卡顿,请谨慎使用!
  • 本模块灵感来源于懒人页面检索工具,作者:W Asriel,以及半月刊的整理作品模块。
  • 语法使用示范模块取自 此页面,作者:Dr Hormress

▷ 实例展示 ◁


SCP-CN-7777 - 调试页面


一段适当长度的节选文字,电脑宽屏时在不改变模块高度的情况下,大约可以装下这么多字,当然多一点也无所谓的。

页面评分:+100(+200/-100)
创建时间:2024/05/20 - Dr Fishbone
最后更新:2024/05/24 - The Admin
最新评论:2024/05/24 - Pinglunjia
页面标签:原创 scp 写不出 没点子 卡文

SCP-CN-7777 - 调试页面

一段适当长度的节选文字,电脑宽屏时在不改变模块高度的情况下,大约可以装下这么多字,当然多一点也无所谓的。

评分 作者 讨论
+100(+200/-100) Dr Fishbone 56条

鱼骨收集的小玩意


无副标题,节选文字居中。

页面评分:+100(+200/-100)
创建时间:2024/05/20 - Dr Fishbone
最后更新:2024/05/24 - The Admin
最新评论:2024/05/24 - Pinglunjia
页面标签:原创 scp 写不出 没点子 卡文

鱼骨收集的小玩意

无副标题,节选文字居中。

评分 作者 讨论
+100(+200/-100) Dr Fishbone 56条

鱼骨收集的小玩意


背景图为图书馆标志,信息栏有小图标。

 页面评分:+100(+200/-100)
 创建时间:2024/05/20 - Dr Fishbone
 最后更新:2024/05/24 - The Admin
 最新评论:2024/05/24 - Pinglunjia
 页面标签:原创 scp 写不出 没点子

鱼骨收集的小玩意

背景图为图书馆标志,信息栏有小图标。

 评分  作者  讨论
+100(+200/-100) Dr Fishbone 56条

SCP-CN-7777 - 调试页面


可显示合著作者信息,过长标签可折叠,背景为后室标志。

页面评分:+100(+200/-100)
创建时间:2024/05/20 - Dr Fishbone、author1、author2、author3、author4、author5、author6合著名单
最后更新:2024/05/24 - The Admin
最新评论:2024/05/24 - Pinglunjia
页面标签:可自定义 关键词 标签1 标签2 标签3 标签4 标签5 标签6 标签7 标签8 标签9 标签10展开

SCP-CN-7777 - 调试页面

可显示合著作者信息,背景为后室标志。

评分 作者 讨论
+100(+200/-100) Dr Fishbone、author1、author2、author3、author4、author5、author6合著名单 56条

▷ 怎么用 ◁


必需语法:
  • 以下是在需要插入该模块的地方必须使用的[[include]]语法。

模块头部
页面链接→
节选文字→
可选功能
模块尾部

[[include :fishbone:fishbone-author-page
|url=scp-cn-7777
|extract=挺好看的,对么?
|······
]]


文档名字:
  • 在你的SCP链接后面加入一个短横线并可以在后面添加你的自定义名称。
  • 如不添加此语法则默认没有,更适合“故事”页面。

文档名称→

|scpname=- |nametext=鱼没有骨头


节选对齐:
  • 定义节选文字的对其。
  • 不添加此语法则默认左对齐,适合稍长的句子。
  • 填入center表现为居中,适合不足一行的短句。
  • 填入right表现为右对齐,看起来会很奇怪,不建议添加。

节选对齐→

|align=center/right


关键标签:
  • 将所有标签折叠,并展示自定义的关键词。
  • 不添加此语法则默认列出所有标签。
  • 当页面标签超过两行时可能会影响美观。

关键标签→

|easytags=- |keywords=自定义的 关键词 可以 多写几个


小图标:
  • 在左侧信息栏前添加一些简单的小图标。
  • 如不添加此语法则默认没有。

小图标→

|icon=-


被放逐者之图书馆背景:
  • 没什么特别的,只是将背景图换成的图书馆的Logo。
  • 如不添加此语法则默认为基金会Logo。

图书馆→

|wanderers=-


后室背景:
  • 和上面的一样,只是将背景图换成的后室的Logo。
  • 不能和图书馆选项同时使用。

后室→

|backrooms=-


合著模块:
  • 左侧信息栏“页面创建”处将你(页面创建者)的ID替换为一个含你名字的合著信息块。
  • 不添加此语法则默认展示你(页面创建者)的ID。
  • 建议在“=”后添加顿号,再列出其他作者。

合著模块→

|co=- |authors=、其他作者


配置浮动块:
  • 对浮动块颜色进行调整以适配页面版式,可以用[[module CSS]]进行配置。
  • 浮动块指合著模块和折叠标签模块出现在右下角的白色div块。
  • 这段代码需要放在整个页面的底部。
  • 可以在<此处>选取想要的颜色并获取颜色代码。

模块头部→
代码头部→
背景颜色→
文字颜色→
边框颜色→
代码尾部→
模块尾部→

[[module css]]
.hover .hover-text {
background: #FFFFFF;
color: #000000;
border: #000000;
}
[[/module]]


禁用滑动Logo:
  • 取消背景图从左侧划入的效果。


禁用滑动

[[module css]]
.fbinfobox { transition: all 0s ease-out;}
[[/module]]

▷ 源代码 ◁

.fbinfobox {
 display:inline-box;
 right: 2em;
 bottom: 2em;
 min-width: 250px;
 padding:1%;
 box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19);
 opacity: 0.7;
 transition: all 1s ease-out;
}
.fbinfobox:hover {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.5), 0px 6px 20px 0 rgba(0, 0, 0, 0.39);
  background: url('http://fishbone.wikidot.com/local--files/fishbone-author-page/scp') 80% 50% fixed no-repeat;
  opacity: 1;
}
 
.wanderers:hover {
  background: url('http://fishbone.wikidot.com/local--files/fishbone-author-page/wl') 80% 50% fixed no-repeat;
}
 
.backrooms:hover {
  background: url('http://fishbone.wikidot.com/local--files/fishbone-author-page/br') 80% 50% fixed no-repeat;
}
 
.hover {
  text-decoration: underline;
}
 
.hover .hover-text {
  position:fixed;
  right: 2%;
  bottom: 2%;
  width:21%;
  width: calc(50vw - 520px);
  padding:1%;
  float:top;
  display: none;
  z-index: 10;
  margin: 20px 0px;
  padding: 10px;
  background: #FFFFFF;
  color: #000000;
  border-radius: 20px;
  border: 2px #000000 dashed;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
 
.hover:hover {
  text-decoration: none;
  border-bottom: none;
}
.hover:hover .hover-text {
  display: inline;
}
 
.container2 {
  display: none;
}
 
@media (max-width: 1000px) {
    .hover .hover-text {
        width:80%;
     }
     .container1 {
        display: none;
     }
     .container2 {
        display:block;
     }
}

▷ 后续计划 ◁


待办事项:
  • 添加“被放逐者图书馆”相关的内容,比如将背景的基金会logo替换为图书馆logo。 已完成
  • 折叠超多标签。 已完成
  • 后室logo 已完成
  • 移动端适配 已完成
  • 其他修改。
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License