挑战传统样式:关于自订Sigma-9
评分: +3+x

标题与样式neta自凿海JochoiJochoi的自訂評分模版!
打开侧栏查看目录!

作者信息

补充材料

[### ]
[### ]

相关指导

[### ]
[### ]


前言1:重要提示

此文章介绍了对你熟悉的SCP Sigma-9版式的高度自定义,并提供一些可能有所启发的代码片段。然而,过度追求样式反而是你文档的减分项。请在确定合适合理的情况下使用这些模块。

如果你和我一样也是来玩代码的,那么,玩得开心!

前言2:为什么这个页面……不太一样?

Sigma-9版式乃是SCP基金会的基础版式,它的中文版本在此

这篇文章所叙述的内容就是自定义原版Sigma-9版式的内容细节部分;当然,我相信版头文字与图片的修改是任何主题版式都会干的事情,所以我基本不会讨论这些东西。具体来说,这篇文章叙述了对于顶栏侧栏内容的自定义。——这个页面本身就是例子,多么有趣!

也许有些人看基金会网站的顶栏、侧栏设计不爽;另一些人强烈希望把侧栏链接字数对齐;又或许你正在写一篇meta文,单纯想改变这些位置的内容,为什么不去试试真正用CSS修改它们呢?

第一步:摸清工具栏的本质

顶栏是个啥?一些神奇的把光标移上去就会跳出展开菜单的按钮?侧栏又是些什么东西?我们可以先从它们的源代码看起。

侧栏

说实话我觉得——尽管侧栏结构比较复杂——用CSS修改它们比修改顶栏舒服多了。

一个标准的侧栏结构如下:

CC BY-SA 114514.810