* KAORのブログ講座 *

文字の大きさと色を変える方法(wiki文法)

文字の大きさと色を変える方法

wiki文法を使って、文字の大きさと色を一緒に変える方法を紹介します。

使用例

KAORのブログ講座

KAORのブログ講座

KAORのブログ講座

基本文法

||<#FFFFFF'style='font-size:●pt;color:#■■■■■■'``ここに文字||

●・・・文字サイズ(半角数字)　※標準の大きさが8程度。サイズは数字の大きさに比例。
■■■■■■・・・カラーコード6桁(半角英数字)
カラーコード一覧

文字の大きさを変える方法

基本文法の書き換え方
基本文法中の ● を 表示したいサイズの数字 に書き換える。

書き換え方の例

||<#FFFFFF'style='font-size:16pt;color:#■■■■■■'``KAORのブログ講座||

続いて文字の色を変える方法

基本文法の書き換え方
基本文法中の ■■■■■■ を 表示したい色のカラーコード6桁 に書き換える。

(カラーコードの例)
赤・・・dd0000
青・・・0000dd
黄・・・dddd00
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#FFFFFF'style='font-size:●pt;color:#dd0000'``KAORのブログ講座||

完成品

書き換え方の例

||<#FFFFFF'style='font-size:16pt;color:#dd0000'``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=ichienshop55&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?10430840c

文字に影をつける方法(wiki文法）

文字に影をつける方法

wiki文法を使用した、文字への影のつけ方を紹介します。

使用例

KAORのブログ講座

※Firefox等のブラウザだと見れない可能性があります

基本文法

通常は
||<#FFFFFF'style='filter:Blur(strength=6,direction=135)' ``ここに文字||
※使用例と同じ感じになります

応用したい方は
||<#FFFFFF'style='filter:Blur(strength=■,direction=▲)' ``ここに文字||

●・・・画像番号(半角数字)　※画像をアップロードした順番
■・・・影の強さ(半角数字)　※通常は4〜10程度。0にすると影がなくなります。
▲・・・影の角度(半角数字)

影の角度一覧
上右・・・45
右下・・・135
上左・・・315
左下・・・225

基本文法の書き換え方
基本文法中の ● を 画像番号 に書き換える。
基本文法中の ■ を 目的の影の強さの数字 に書き換える。
基本文法中の ▲ を 目的の影の角度の数字 に書き換える。

書き換え方の例

||<#FFFFFF'style='filter:Blur(strength=8,direction=135)' ``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=fm_pastel&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?10430840c

隠し文字を作る方法(wiki文法)

隠し文字を作る方法

こちらの、文字の色を変える方法を応用して隠し文字を作ってみましょう！
工夫次第で色々なことに使えます。

使用例

隠し文字

↑マウスでドラッグ↑

(｡☉౪ ⊙｡)

↑マウスでドラッグ↑

とまぁこんな感じで・・・(笑)
背景と文字を同じ色にすることによって隠し文字を作ります。

基本文法

||<#●●●●●●'style='color:#●●●●●●'``ここに文字||

●●●●●●・・・カラーコード6桁(半角英数字)　
カラーコード一覧

基本文法の書き換え方
基本文法中の ●●●●●● を 背景にしたい色のカラーコード6桁 に書き換える。
※2箇所とも必ず同じカラーコードを入れる

(カラーコードの例)
白・・・ffffff
赤・・・dd0000
青・・・0000dd
黄・・・dddd00
黒・・・000000
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#ffffff'style='color:#ffffff'``隠し文字||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=j00v1961&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?10430840a

文字の位置を変える方法(wiki文法)

文字の位置を変える方法

wiki文法を使って文字の位置を変える方法を紹介します。

使用例

KAORのブログ講座

KAORのブログ講座

KAORのブログ講座

基本文法

ここに文字

●・・・文字位置情報(半角英字)

基本文法の書き換え方
基本文法中の ● を 表示したい位置情報 に書き換える。

位置情報一覧
左・・・left
中央・・・center
右・・・right

書き換え方の例

||<#FFFFFF'style='width:560px;text-align:center'``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=selbycojp&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?104308407

文字の色を変える方法(wiki文法)

文字の色を変える方法

wiki文法を使って文字の色を変える方法を紹介します。

使用例

KAORのブログ講座

KAORのブログ講座

KAORのブログ講座

基本文法

ここに文字

●●●●●●・・・カラーコード6桁(半角英数字)
カラーコード一覧

基本文法の書き換え方
基本文法中の ●●●●●● を 表示したい色のカラーコード6桁 に書き換える。

(カラーコードの例)
赤・・・dd0000
青・・・0000dd
黄・・・dddd00
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#FFFFFF'style='color:#dd0000'``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=k_k_nets&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?104308405