はじめてのwiki文法入門

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

Tue, 25 Jul 2006 15:52:21 +0900

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文法で枠を作る

Mon, 24 Jul 2006 15:13:30 +0900

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文法で文字の背景色を変える

Mon, 24 Jul 2006 14:47:45 +0900

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

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

||<#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文法で表を作る

Mon, 24 Jul 2006 13:41:01 +0900

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

= 文字 =

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

文字

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

||文字||

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

文字

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

||文字||文字||

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

文字

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

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

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

文字

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

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

↑このように作ります。

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

↑表ができました。

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

Mon, 24 Jul 2006 13:12:30 +0900

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

「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'``紫文字||

水色文字

黄緑文字

オレンジ文字

紫文字

wiki文法で文字を大きくする

Sun, 23 Jul 2006 11:49:53 +0900

wiki文法で文字を大きくする

いつものようにwiki文法使用にチェックをいれてください。

||<#ffffff'style='font:35px'``文字||

↑こうします。すると

文字

↑こうなります。

font:35pxの半角数字を変えることで大きさを変えられます。

文字

↑15px

文字

↑20px

文字

↑25px

文字

↑30px

文字

↑35px

文字

↑40px

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

Sun, 23 Jul 2006 08:14:25 +0900

今回は色はコード（#ff00ffなど）ではなく色を指定するやり方でやりたいと思います。
wiki文法にチェックを入れてください。

例えば文字色を赤に変えたい場合

||<#FFFFFF'style='font:bold;color:|red'``文字||

↑このようにします。color:の後を変えれば色は変わります。

文字

↑こうなります。

基本的な他の色はこうなります↓

黒

青

赤

水

緑

黄緑

紫

黄

ピンク

茶

||<#FFFFFF'style='font:bold;color:black'``黒||
||<#FFFFFF'style='font:bold;color:blue'``青||
||<#FFFFFF'style='font:bold;color:red'``赤||
||<#FFFFFF'style='font:bold;color:aqua'``水||
||<#FFFFFF'style='font:bold;color:green'``緑||
||<#FFFFFF'style='font:bold;color:limi'``黄緑||
||<#FFFFFF'style='font:bold;color:purple'``紫||
||<#FFFFFF'style='font:bold;color:yellow'``黄||
||<#FFFFFF'style='font:bold;color:fucfsia'``ピンク||
||<#FFFFFF'style='font:bold;color:maroon'``茶||

となります。

wikiでリンクを貼る方法

Sun, 23 Jul 2006 07:45:43 +0900

wiki文法でリンクを貼ります。

wiki文法使えば簡単に文字を装飾したり、リンクを貼ったりできるようになります。

wiki文法は記事本文やゲストブックの書き込みにも使えます。コメントには使えません

前回と同じく記事投稿画面で「wiki文法にチェックを入れます。」

ＵＲＬ（アドレス）を表示してリンクを貼る方法です。

[　]でＵＲＬを囲みます。

例えばこのブログのＵＲＬを表示して貼りたいとします。[ ]で囲むと、

http://blogs.yahoo.co.jp/wiki0717

↑このようになりますね。できましたね。

次はＵＲＬではなく文字を表示してリンクを貼りたい場合

[ＵＲＬ　文字]

↑です。ＵＲＬと文字間は半角スペース空けます。

wiki←になります。

次は画像を表示させる方法です。

今度は画像のＵＲＬを[[img()]]で囲みます。

[[img()]]

↑このようにします。
画像のＵＲＬの出し方は画像の上で右クリック、プロパティをクリックするとＵＲＬがあります。

他にもあります。

----

↑とすると、水平線がひけます↓

半角で４個並べてください。

’’文字’’

↑こうすると斜体文字になります。

文字

↑こんな感じです。（すべて半角で入力してください。）

wiki文法

Sun, 23 Jul 2006 07:10:19 +0900

wiki文法は文字を装飾したり、リンクを貼ったりするときに使います。

wiki文法はゲストブックの書き込みにも使えますが、コメントには使えません。

それではwiki文法の作成方法を説明します。

まず記事作成画面のwiki文法使用にチェックをいれます。

では　文字←これを太字にしてみます。

文字の前と後ろに'''(半角）を付けます。

　
'''文字'''

↑こんな感じです。文字←太字になにました。

青く大きくする方法です。

文字の前後を半スペース空け前後を半角の = で囲みます。

= 文字 =

↑こんな（半角）感じにします。すると

文字

↑できました。　

文字を白にします。さっきと同じで文字の前後は半角空けます。

== 文字 ==

↑こんな感じです。

文字

↑できました。

文字を普通の大きさの青にします。

=== 文字 ===

↑こんな感じです。

文字

↑できました。

文字を小さく白くします。

==== 文字 ====

↑です。

文字

↑できました。

文字を小さく青くします。

===== 文字 =====

= の数が違うだけです。　　

文字

↑できました。

次は文字を小さくして背景緑にします。

今度は}}}を３つ並べて囲みます

文字

↑できました。これは他のと合わせられます。

はじめてのwiki文法入門

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

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

wiki文法で枠を作る

wiki文法で枠を作る

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

wiki文法で表を作る

文字

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

wiki文法で文字を大きくする

wiki文法で文字を大きくする

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

wikiでリンクを貼る方法

[ＵＲＬ 文字]

[[img()]]

----

wiki文法

文字

文字

文字

文字

文字

[ＵＲＬ　文字]