本当の気持ち。

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

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

今回は文字の背景色を変えたいと思います。

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

ピンクの背景色

↑こんな感じに文字の背景色を変えられたらカラフルになりますよね？

||<#CC0000' style='width:560px'``赤色の背景色||
||<#FF9900' style='width:560px'``オレンジ色の背景色||
||<#FFFF00' style='width:560px'``黄色の背景色||
||<#66FF00' style='width:560px'``黄緑色の背景色||
||<#66FFFF' style='width:560px'``水色の背景色||
||<#3300FF' style='width:560px'``青色の背景色||
||<#9900FF' style='width:560px'``紫色の背景色||
||<#FF99CC' style='width:560px'``ピンクの背景色||
      ↑背景色　　　　　　↑背景色の幅　　↑文字

↑このようにすればできます。左の#FFFF00などの英数字を変えれば色は変えられます。

色はカラーチャート一覧へ。

width:560px は幅を決めている部分です。

試しにwidth:120pxに変えてやってみましょう

赤色の背景色

オレンジ色の背景色

黄色の背景色

黄緑色の背景色

水色の背景色

青色の背景色

紫色の背景色

ピンクの背景色

↑幅が狭くなりました。

赤の背景色	水色の背景色	黄色の背景色	黄緑の背景色	青の背景色	ピンクの背景色

↑ちなみにこんな事もできます。

今度は背景色を変えて文字色も変えてみましょう

||<#FF99CC' style='width:150px;color:white'``ピンクの背景色で白の文字色||
　　　　　　　　　　　　　　　　　　↑文字色

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

このように色名で指定する場合はカラーネーム一覧をご覧ください

ピンクの背景色で白の文字色

文字大きくしてみたいですね。

||<#FF99CC' style='width:470px;font:bold 30px;color:white'``ピンクの背景色で大きく白の文字色||

colorの前にfont:bold 30px;を付け足して幅をあわせれば↓のようになります。

ピンクの背景色で大きく白の文字色

お役に立てたら傑作ポチッとしてくれると大変嬉しいです。

☆★運動不足な日々★☆

転載元: ☆運動不足な日々☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で枠を作る

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

※色はカラーネーム一覧をご覧ください。

doubleの枠

文字

solidの枠

文字

dashedの枠

文字

dottedの枠

文字

ridgeの枠

文字

grooveの枠

文字

insetの枠

文字

outsetの枠

文字

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

solidの枠
||<#FFFFFF'style='border:solid 2px Aqua;color:Aqua;font:bold 10pt'``文字||

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

dottedの枠
||<#FFFFFF'style='border:dotted 4px Blue;color:Blue;font:bold 10pt'``文字||

ridgeの枠 
||<#FFFFFF'style='border:ridge 6px DarkViolet;color:DarkViolet;font:bold 10pt'``文字||

grooveの枠
||<#FFFFFF'style='border:groove 6px Red;color:Red;font:bold 10pt'``文字||

insetの枠 
||<#FFFFFF'style='border:inset 6px Yellow;color:Yellow;font:bold 10pt'``文字||

outsetの枠
||<#FFFFFF'style='border:outset 6px Lime;color:Lime;font:bold 10pt'``文字||

お役に立てたら傑作ポチッとしてくれると大変嬉しいです

☆★運動不足な日々★☆

転載元: ☆運動不足な日々☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で記事を手紙風にする

wiki文法で記事に色付き手紙風にする

このように色のついた線をひくことができます
ラインの色に関しては下のほうで
ご説明させていただきます
長さを変えることもできます

↑このように手紙風に書くことができます。

このように色のついた線をひくことができます
||<#ff9900'style='width:560px'``||
ラインの色に関しては下のほうで
||<#ff9900'style='width:560px'``||
ご説明させていただきます
||<#ff9900'style='width:560px'``||
長さを変えることもできます
||<#ff9900'style='width:560px'``||

↑のようにするとなります。

↓色　　　　　　　　↓幅
||<#ff9900'style='width:560px'``||

最初の方にあるff9900を変えることによって線の色を変えられます。
幅の部分の数字を変えることによって長さが変えられます。

試しにやってみましょう。
黒ライン
赤ライン
青ライン
黄ライン
緑ライン
ピンクライン

黒ライン
||<#000000'style='width:560px'``||
赤ライン
||<#FF0000'style='width:560px'``||
青ライン
||<#0000FF'style='width:560px'``||
黄ライン
||<#FFFF00'style='width:560px'``||
緑ライン
||<#00FF00'style='width:560px'``||
ピンクライン
||<#FF9999'style='width:560px'``||

長さを変える場合はwidth:560pxの数字部分を調節してください。
10px

100px

200px

300px

400px

お役に立てたら傑作ポチッとして頂けると大変嬉しいです。

☆★運動不足な日々★☆

転載元: ☆運動不足な日々☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

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

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

サイズの変え方と色の変え方片方ずつやりましたが
今度は両方同時にやります。wiki文法使用にチェックをお忘れなく！

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

||<#ffffff'style='font:bold 30px;color:red'``赤の文字になります||
　　　　　　　　　　　　　↑文字の大きさ↑文字色

↑30pxの部分の半角数字を変えれば大きさ、color:の後ろのredの部分を変えれば文字色が変わります。
色はカラーネーム一覧をご覧ください。

||<#ffffff'style='font:bold 30px;color:#ff0000'``赤の文字になります||

↑これでもできます。こちらの色はカラーチャート一覧へ。

赤の文字になります

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

||<#ffffff'style='font:bold 50px;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と♪

wiki文法でハート♡を作る

wiki文法でハート♡を作る

                         ↓幅　　　　　　　　　　　　　　　　↓大きさ　　　　　　　　↓影設定
||<#FFFFFF' style='width:560px;text-align:center;font:bold 200pt;filter:Blur(strength=24,direction=100);color:DeepPink;``♡||
　　　　　　　　　　↑色   ↑文字     ↑この空き部分とかに文字などを入れたりしないでください。

コピペすると改行部分に空きスペースが出来るので詰めてください。
いつものようにwiki文法使用にチェックをお忘れなく!!
200ptの数字の部分を変えると大きさ変えられます。
文字の所にハート以外の文字も入れられます。

||<#FFFFFF' style='width:560px;text-align:center;font:bold 200pt;filter:Blur(strength=24,direction=100);color:DeepPink;``♡||

♡

||<#FFFFFF' style='width:560px;text-align:center;font:bold 200pt;filter:Blur(strength=24,direction=100);color:DeepPink;``♥||

♥

星とかでもできます。

||<#FFFFFF' style='width:560px;text-align:center;font:bold 200pt;filter:Blur(strength=64,direction=100);color:DeepPink;``★☆||

★☆

これでラインを作ってみました。大きさを変えて並べればいいだけです。

||<#FFFFFF' style='width:560px;text-align:center;font:bold 10pt;filter:Blur(strength=24,direction=100);color:DeepPink;``♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡||

♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡

||<#FFFFFF' style='width:560px;text-align:center;font:bold 15pt;filter:Blur(strength=24,direction=100);color:DeepPink;``♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥||

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

お役に立ちましたら傑作ポチッとしてくれると大変嬉しいです

☆★運動不足な日々★☆

転載元: ☆運動不足な日々☆ﾜﾝｺとﾊﾞｽｹとwikiと♪