05-C行动指南

Included page "component:linkage-theme" does not exist (create it now)

在一切开始之前，请务必要记住：

一个简略版本（详细内容，去看上面的链接）：

  • 你可以自由地对“没有额外声明”的本站内容进行共享和演绎。
  • 你必须标注来源和原作者，以及不可以改换其他授权方式。

0. 写在前面

本文旨在使创作者快速上手一些网页设计效果，在进行使用之前需要明确几点：

  1. 既然是用别人的代码，那你得遵守CC协议。
  2. 这里只教给你“怎么用”，不教“怎么造”。
  3. 不推荐手机用户折腾代码。
  4. 最重要的一点，不要在你的文章里面加入很多代码，有的时候这并不酷，反而很是招人讨厌。
    • 关于如何设计才能让网页变得好看，我一向认为“少设计就是好设计”。
      更多可供参考的经验查阅这里。

“你的代码很棒，但现在是我的了。”

- 05-C，此处 “C” 代表 “copy”。

友情链接：在你使用本教程时可配合如下页面使用

小工具们……

1.1 维基语法

理论上你必会的最基本的设计元素，例如：加粗，删除线，下划线，上浮文字等等。

相关：维基语法。

1.2 div

div是一种基本的对某区域内元素进行设定的语法，使用[[div]][[/div]]进行定义。

[[div ]]

内容

[[/div]]

在SCP Wiki中，一般有两种div，他们的原理相似，copy方法略有不同。

1.2.1 class

这类div通常长这样：

[[module css]] <— css定义

.xxx {
元素1: 属性1;
元素2: 属性2;
……
}

[[/module]]

[[div class="xxx"]] <— class div，本体部分

内容

[[/div]]

在copy时应注意将[[module css]]里的对应部分一起取走。

1.2.2 style

通常长这样：

[[div style="元素1: 属性1; 元素2: 属性2; 元素3: 属性3;……"]]

内容

[[/div]]

沙盒
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License