グラデーションフォント
【はじめに】
【初心者のためのＨＰの飾りつけ教室】
とは別に、余談のページを作ってみました。
ここではちょっと変わったタグや、趣向を紹介していきましょう。
みなさんは、文字に色を付けるタグをご存知ですか？
たいていの方が、ご存知だと思いますが。例えば！
ＧＴ－ＯＮＥ ＷＥＢＳＩＴＥ この文字は、タグに表すと下のようになります。
<FONT SIZE=4 COLOR="#FF0000"><B> ＧＴ－ＯＮＥ ＷＥＢＳＩＴＥ </B></FONT>
簡単にタグの説明をしておきましょう。
SIZE=4
は文字の大きさを指定します。
COLOR="#FF0000"
は文字の色を指定します。
<B></B>
は文字を太文字にします。
フォントの大きさと色を指定する基本のタグは、↓これですね。
- <FONT SIZE="
文字の大きさ " COLOR="
文字の色 "><B>
～大きさ、色を指定する文字～ </B></FONT>
では、文字を虹のような、グラデーションで飾って見ましょう。
グラデーションは、１字１字に色をつけます。
例としてグラデーションにしたタグを書いて見ましょう。
G T - O N E W E B S I T E この様な、グラデーションのタグは下のようになります。
<font size=4><b><font color="#ff0000"> G
</font>
<font color="#ff5e00"> T
</font>
<font color="#ffbd00"> -
</font><font color="#eef000"> O
</font><font color="#94f000"> N
</font><font color="#37f000"> E
</font><font color="#00f023"></font><font color="#00f073"> W
</font><font color="#00f0d6"> E
</font><font color="#00c9f0"> B
</font><font color="#0065f0"> S
</font><font color="#0016f0"> I
</font><font color="#4800f0"> T
</font><font color="#a100f0"> E
</font></b></font>
繰り返しなんですが、とても長い物になってしまいますね。
そこで、簡単にグラデーションフォントのタグを製作できる「ＣＧＩ」がこれです。
項目に記入するだけで、グラデーションフォントを作成することが出来ます。
虹色のグラデーションフォントを作りたい場合、項目の中の虹にチェックしてください。
項目に記入したあと、グラデーションフォント作成をクリックしてください。
そうしてできたタグをそのままコピーして貼りつければＯＫです。
By 我楽多部屋
【製作したタグの貼り方】
まずは、「文字サイズ」を指定して「虹」と「太字」にチェックを入れます。
最初はそれでやって見てください。出てきた、ソースを「コピー&ペースト」とします。タグの最初から最後までを左クリックしたまま、なぞります。
そして、右クリックしますとフロートパネルが出てきますから、その中から「コピー」を選び左クイックします。貼りたい所に、ポイントし、また右クリックから貼り付けを選べば、ＯＫです。
簡単にグラデーションフォントが製作でき、簡単に貼り付けられます。グラデーションフォントで貴方のホームページを飾って見てください。（*^_^*）
