グラデーション・フォント
番外編
もじでスケッチ
ここは、いろいろな文字を使って、イラストのようなものを作ってしまおう！というコーナーです。
色をたくさん使用したり、複雑な形になると、必ずしもイラストよりファイルの大きさが小さくなるとは限りませんが、簡単な形なら、イラストを使うより、面白いのではないかと・・・（^^）
何か、アイディアを見つけたら、ぜひご連絡を！

◆ お好きな背景色のイメージをお選びください。

=もじでスケッチ=　利用方法 ‖ 星空 ‖ 家 ‖ ポスト ‖ ケーキ ‖ 人型

= 人型（ひとがたと読んで下さい） =
人型：１
●
⌒▲⌒
‖
 人型：２
●
／■＼
‖
　		 人型：３
○
（△）
‖
 人型：４
○
￣□￣
‖
 人型：５
○
〜■〜
∧
 人型：６
○
＜▲＞
∧
= ケーキ =
ケーキ：１
ｉｉｉ
∞∞∞∞∞
○○○○○
∞∞∞∞∞
 ケーキ：２
iii
∞∞∞
○○○
∞∞∞∞∞
○○○○○
∞∞∞∞∞
 ケーキ：３
ii
@@@
(((())))
 ケーキ：4
ii
@@@
∽∽∽
(((())))
= ポスト =
ポスト：１
━━

┃
┻
 ポスト：２
━━

〒
┃
┻
 ポスト：３
━━

メール
┃
┻
 ポスト：４
〒

Mail
┃
┻
= 家 =
家：１
▲▲
▲▲▲▲
▲▲▲▲▲▲
■■■■■■
■■■■■■
■■■■■■
■■■■■■
 家：２
▲
▲▲▲
▲▲▲▲
■■■■■
■■■■■
■■■■■
■■■■■
 家：３
▲▲
▲▲▲
■■■
■■■
 家：４
▲▲▲▲
▲▲▲▲▲▲
▲▲▲▲▲▲▲▲
■■■■■■■■
■■■■■■■■
■■■■■■■■
■■■■■■■■
■■■■■■■■
 家：５
▲▲▲▲
▲▲▲▲▲
■■■■■
■●■●■
■■■■■
= 星空 =
　　 .。. . . `*: . . 　 . : `☆.、.・:*:`★.。:*.:`☆. . 、。・:*:`★、・:`☆、
　 .　。・:*:`。:`★、　..、・:*:`★、.。・:`☆、:*:` . ..`☆:★、　　:・`☆、。.・:*:・:`★:
★、:・`☆、:*:。.・ . . `★、:　.・`☆..`。・:*:.。、:`★:*
ハート：１
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
ハート：２
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
ハート：３
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
ハート：４
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
ハート：５
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
●●●●●●●●●●●●●●●●●
= もじでスケッチ =　利用方法

まず、ソースを見てください。

例えば、『ハート：１』を使いたい場合、
＜!--ハート：１--＞

から

＜!--ハート：１--＞
までを、コピー＆ペーストします。
これで、『ハート：１』がこのまま（1ピクセルの枠付きで）表示されます。

■枠を取りたい場合は、
＜!--ハート：１--＞　の下の
＜TABLE border="1"＞を＜TABLE＞にすればＯＫ。
枠無しのハートのみが表示されます。
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●

■次に、枠の太さや高さを変えたい場合、
＜!--ハート：１--＞　の下の
＜TABLE border="1"＞を変えます。
例として、枠の幅（高さ）を"３"、罫線の幅（太さ）を"７"と設定してみます。

＜TABLE border="3" cellspacing="7"＞
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●

どうでしょうか？これは自分のお好みで、数字を入れてみてください。

■最後に、サイズの変更と色の変更についてです。
ソースを見ていただければ分かりますが、「ハート：１」「ハート：２」「ハート：３」は同じ物のサイズとバックの色を変えただけです。

サイズを変えるには、
＜TD nowrap＞＜FONT color="#ffffff"＞
のところにサイズを入れ、
バックの色は、ここを変えれば一発で変更できます。

例えば、1サイズ小さく、バックはグレーにしてみましょう。

＜TD nowrap＞＜FONT size="-1" color="#c0c0c0"＞
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●
●●●●●●●●●●●●●

ハートの色を変えるには、１つ１つ変更が必要ですが、色々試して、お好みの配色を見つけてみて下さい。


Back to Menu