How edit
出自新阅读实验室
(修订版本间差异)
(→未来教育家工作坊编辑指南) |
(→表格) |
||
第5行: | 第5行: | ||
- | # 添加了wikitable类 ,使用时直接在表格<pre style="display: inline; width: auto;margin: 0;padding:0;">{|</pre>后加入 <pre style="display: inline; width: auto; margin: 0;padding:0;">class="wikitable"</pre>即可得到背景为灰色,边框宽度为1px,颜色为<span style="background: #aaa">#AAA</span>的表格; | + | # 添加了wikitable类 ,使用时直接在表格<pre class="graybg" style="display: inline; width: auto;margin: 0;padding:0;">{|</pre>后加入 <pre class="graybg" style="display: inline; width: auto; margin: 0;padding:0;" class="graybg">class="wikitable"</pre>即可得到背景为灰色,边框宽度为1px,颜色为<span style="background: #aaa">#AAA</span>的表格; |
- | # 想得到 <pre style="display: inline; width: auto; margin: 0;padding:0;">加粗且背景加深</pre>的表格头,只需用 <pre style="display: inline; width: auto;margin: 0;padding:0;">!(需要换行)或!!(不需要换行)</pre>代替即可,例如 | + | # 想得到 <pre style="display: inline; width: auto; margin: 0;padding:0; " class="graybg">加粗且背景加深</pre>的表格头,只需用 <pre style="display: inline; width: auto;margin: 0;padding:0;" class="graybg">!(需要换行)或!!(不需要换行)</pre>代替即可,例如 |
{| width="80%" | {| width="80%" |
在2011年4月17日 (日) 06:15所做的修订版本
编辑指南
为了更加方便的编辑,也为了使内容更加易读美观,我添加了一些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 |
参网页颜色