How edit

出自新阅读实验室

跳转到: 导航, 搜索

编辑指南

为了更加方便的编辑,也为了使内容更加易读美观,我添加了一些class,以方便在编辑的时候直接使用,更加人性化、语义化的编辑:

表格

  1. 添加了wikitable类 ,使用时直接在表格
    {|
    后加入
    class="wikitable"
    即可得到背景为灰色,边框宽度为1px,颜色为#AAA的表格;
  2. 想得到
    加粗且背景加深
    的表格头,只需用
    !(需要换行)或!!(不需要换行)
    代替即可,例如
类别一 类别二
橘子 苹果
面包
奶油 冰淇凌
{|
|类别一
|类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}

替换为

类别一类别二
橘子 苹果
面包
奶油 冰淇凌
{|
!类别一!!类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}

颜色

为了更加方便的编辑,使wiki代码更加干净整洁,在css中添加了常用颜色的类,使用时只需给需要颜色的位置添加class="xxxxxcolor",需要背景颜色的位置添加class="XXXbg"即可,

PS:

  1. class是可以覆盖的,如:class="redcolor greencolor"将显示绿色;
  2. 为了美观,并没有使用原色,而是用中间色代替原色。
颜色类名(文字颜色)类名(背景色)十六进制
红色 redcolor redbg #b22222
绿色 greencolor greenbg #0e774a
蓝色 bluecolor bluebg #0046ff
橘色 orangecolor orangebg #ff8c00
黄色 yellowcolor yellowbg #ffd700
褐色 perucolor perubg #d2691e
灰色 graycolor grayebg #c0c0c0
海绿/seagreen seagreencolor seagreencolor #2E8B57
{|class="wikitable"
!颜色!!类名(文字颜色)!!类名(背景色)!!十六进制
|-
|红色
|class="redcolor"|redcolor
|class="redbg"|redbg
|#b22222
|-
|绿色
|class="greencolor"|greencolor
|class="greenbg"|greenbg
|#0e774a
|-
|蓝色
|class="bluecolor"|bluecolor
|class="bluebg"|bluebg
|#0046ff
|-
|橘色
|class="orangecolor"|orangecolor
|class="orangebg"|orangebg
|#ff8c00
|-
|黄色
|class="yellowcolor"|yellowcolor
|class="yellowbg"|yellowbg
|#ffd700
|-
|褐色
|class="perucolor"|perucolor
|class="perubg"|perubg
|#d2691e
|-
|灰色
|class="graycolor"|graycolor
|class="graybg"|grayebg
|#c0c0c0
|-
|海绿/seagreen
|class="seagreencolor" | seagreencolor
|class="seagreenbg" | seagreencolor
|#2E8B57
|}

另,html颜色参见网页颜色

例如:
个人工具
名字空间
变换
动作
导航
工具箱