はじめてのwiki文法入門

wiki文法で背景色をグラデーションにする

wiki文法で背景色をグラデーションにする

               背景色の幅↓　　　　文字位置↓　　　　　　↓文字色　　　　↓文字のサイズ
||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=aqua,gradienttype=0)' ``青と水色のグラデーション||
　　　　　　　　　　　　　　　　　　　　　　 最初の色↑　　  最後の色↑ type=0.縦　1.横↑

()の中がグラデーションの色などを決めている部分です。

↓type=0だと上から下に色が変わっていきます。

青と水色のグラデーション

↓type=1だと左から右に色が変わっていきます。

||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:
DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=aqua,gradienttype=1)' ``青
と水色のグラデーション||

青と水色のグラデーション

最初の色と最後の色の色指定部分を変えてみてください。色が変えられます。

||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=green,gradienttype=0)' ``青と緑のグラデーション||

||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=gold,endcolorstr=aqua,gradienttype=0)' ``金と水色のグラデーション||

||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=orange,endcolorstr=green,gradienttype=0)' ``オレンジと緑のグラデーション||

青と緑のグラデーション

金と水色のグラデーション

オレンジと緑のグラデーション

コピーして（）の中の色指定だけ変えればできます。

wiki文法で枠を作る

wiki文法で枠を作る

「wiki文法使用」にチェックをいれてね。

||<#FFFFFF' style='border:double 8px pink;color:pink;font:bold 10pt'``文字||

#FFFFFF(背景色) border;double(枠の種類）8px(枠の太さ）pink(枠の色）
color:pink(文字色）10pt(文字のサイズ）に対応しています。

↓枠の種類です。　border:の後につけたい枠の種類をいれてください。

double

solid

dashed

dotted

ridge

groove

inset

outset

dashedの枠

文字

||<#FFFFFF' style='border:dashed 3px brown;color:pink;font:bold 10pt'``文字||

ridgeの枠

文字

||<#FFFFFF' style='border:ridge 8px skyblue;color:yellow;font:bold 10pt'``文字||

grooveの枠

文字

||<#FFFFFF' style='border:groove 8px aquamarine;color:gold;font:bold 10pt'``文字||

outsetの枠

文字

||<#FFFFFF' style='border:outset 8px coral;color:palevioletred;font:bold 10pt'``文字||

wiki文法で文字の背景色を変える

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

↑こんな感じでカラフルにします。

||<#FF9999' style='width:560px'``赤色の背景色||
||<#FFCC99' style='width:560px'``オレンジ色の背景色||
||<#FFFF99' style='width:560px'``黄色の背景色||
||<#99FF99' style='width:560px'``黄緑色の背景色||
||<#66FFFF' style='width:560px'``水色の背景色||
||<#66CCFF' style='width:560px'``青い色の背景色||
||<#CC99FF' style='width:560px'``紫色の背景色||

↑このようにすればできます。左のFFFF99などの英数字を変えれば色は変えられます。
width:560px　は幅を決めている部分です。
試しにwidth:120でやってみましょう。

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青い色の背景色

紫色の背景色

↑幅が狭くなりました。

`オレンジ色の背景色

`青い色の背景色

↑こんな事もできます。

今度は文字の色も変えてみましょう。

||<#FFCC99' style='width:560px;color:blue'``オレンジの背景で青の文字色||

↑colorを付け足して後ろを変えれば色が変えられます。

オレンジの背景で青の文字色

wiki文法で表を作る

wiki文法で表を作りたい場合

= 文字 =

↑を使ってしまうと一直線に伸びて、途中で区切れません。

文字

↑このようになってしまいます。
しかし、簡単な方法があります。

||文字||

↑このようにしてみましょう。

文字

↑途切れました。
さらに隣にもうひとつ作ります。

||文字||文字||

↑こんな感じにします。すると

文字

文字

↑できました。今度は縦に作ってみます。

||文字||
||文字||

↑こうしてみてください。

文字

文字

↑できました。
さらにどんどん作ります。

||文字||文字||文字||文字||文字||文字||
||文字||文字||文字||文字||文字||文字||

↑このように作ります。

文字	文字	文字	文字	文字	文字
文字	文字	文字	文字	文字	文字

↑表ができました。

　

wiki文法で文字を大きくして色を変える

今度は文字のサイズと大きさ、両方同時に変える方法です。

「wiki文法使用」にチェックを入れてください。

サイズを30で赤い色にしたいと思います。

||<#ffffff'style'font:bold 30px;color:red'``文字||

↑30pxの部分の半角数字を変えれば大きさ、colorの後ろの色部分を変えれば文字色が変わります。

||<#ffffff'style='font:bold 30px;color:#ff0000'``文字||

↑これでもできます。

文字

例えばサイズ40で文字色ピンクにしたい場合

||<#ffffff'style='font:bold 40px;color:pink'``文字||

↑こうすると

文字

　　↑こうなります。

    ||<#ffffff'style='font:bold 40px;color:aqua'``水色文字||
    ||<#ffffff'style='font:bold 40px;color:GreenYellow'``黄緑文字||
    ||<#ffffff'style='font:bold 40px;color:Orange'``オレンジ文字||
    ||<#ffffff'style='font:bold 40px;color:Purple'``紫文字||

水色文字

黄緑文字

オレンジ文字

紫文字