How edit
出自新阅读实验室
(修订版本间差异)
(→颜色) |
(→颜色) |
||
第86行: | 第86行: | ||
|redbg | |redbg | ||
|style="background: #b22222"|#b22222 | |style="background: #b22222"|#b22222 | ||
+ | |- | ||
+ | |greencolor | ||
+ | |style="color:#0e774a"|#0e774a | ||
+ | |greenbg | ||
+ | |style="background: #0e774a"|#0e774a | ||
+ | |- | ||
+ | |bluecolor | ||
+ | |style="color:#0046ff"|#0046ff | ||
+ | |bluebg | ||
+ | |style="background: #0046ff"|#0046ff | ||
+ | |- | ||
+ | |orangecolor | ||
+ | |style="color:#ff8c00"|#ff8c00 | ||
+ | |orangebg | ||
+ | |style="background: #ff8c00"|#ff8c00 | ||
+ | |- | ||
+ | |yellowcolor | ||
+ | |style="color:#ffd700"|#ffd700 | ||
+ | |yellowbg | ||
+ | |style="background: #ffd700"|#ffd700 | ||
+ | |- | ||
+ | |perucolor | ||
+ | |style="color:#d2691e"|#d2691e | ||
+ | |perubg | ||
+ | |style="background: #d2691e"|#d2691e | ||
+ | |- | ||
+ | |graycolor | ||
+ | |style="color:#c0c0c0"|#c0c0c0 | ||
+ | |grayebg | ||
+ | |style="background: #c0c0c0"|#c0c0c0 | ||
+ | |||
+ | |||
|} | |} |
在2011年4月17日 (日) 05:36所做的修订版本
关于编辑
为了更加方便的编辑,也为了使内容更加易读美观,我添加了一些class,以方便在编辑的时候直接使用,更加人性化、语义化的编辑:
表格
- 添加了wikitable类 ,使用时直接在表格
{|
后加入class="wikitable"
即可得到背景为灰色,边框宽度为1px,颜色为#AAA的表格; - 想得到
加粗且背景加深
的表格头,只需用!(需要换行)或!!(不需要换行)
代替即可,例如
|
{| |类别一 |类别二 |- |橘子 |苹果 |- |面包 |饼 |- |奶油 |冰淇凌 |} |
替换为
|
{| !类别一!!类别二 |- |橘子 |苹果 |- |面包 |饼 |- |奶油 |冰淇凌 |} |
颜色
为了更加方便的编辑,使wiki代码更加干净整洁,在css中添加了常用颜色的类,使用时只需给需要颜色的位置添加class="xxxxxcolor",需要背景颜色的位置添加class="XXXbg"即可,
PS:
- class是可以覆盖的,如:class="redcolor greencolor"将显示绿色;
- 为了美观,并没有使用原色,而是用中间色代替原色。
类名 | 颜色值 | 类名 | 颜色值 |
---|---|---|---|
redcolor | #b22222 | redbg | #b22222 |
greencolor | #0e774a | greenbg | #0e774a |
bluecolor | #0046ff | bluebg | #0046ff |
orangecolor | #ff8c00 | orangebg | #ff8c00 |
yellowcolor | #ffd700 | yellowbg | #ffd700 |
perucolor | #d2691e | perubg | #d2691e |
graycolor | #c0c0c0 | grayebg | #c0c0c0
|