文字の装飾

今日は文字の装飾

パソコン限定ね。それもIE。

携帯で見ている人はなんの変化もありません。

文字に色をつけたり、大きくしたり・・・

なんていうの簡単なのはアメブロは初心者に優しいから、

タグを知らなくてもできるから

省略ね。

今日はもう少し変わったのを・・・

タグを知っていれば他にもいろいろな装飾ができるのよね。

その時は、↓のようなタグを、HTMLタグを表示にしてから、貼り付けます。

①文字の後ろに色が 立体的？

立体的？

<div style="FILTER: Shadow(color=gray); WIDTH: 100%"><font size="6">立体的？</font></div>

②なぞったみたい 　

なぞったみたい

<div style="FILTER: Glow(color=red); WIDTH: 100%"><font size="5">なぞったみたい</font></div>

③文字の後ろに色が　　

文字の後ろに色が

<span style="BACKGROUND: orange"><font size="5">文字の後ろに色が</font></span>

④文字の色も背景の色も変えたよ

文字の色も背景の色も変えたよ

<span style="BACKGROUND: red"><font color="#ffffff" size="5">文字の色も背景の色も変えたよ</font></span>

他にもこんな様なものも。

くねくね
↓↓↓

くねくね

<div style="FONT-WEIGHT: bold; FONT-SIZE: 30px; FILTER: Wave(Add=0,Freq=2,LightStrength=10,Phase=55,Strength=5); WIDTH: 200px; HEIGHT: 38px">くねくね</div>

字を変形　　

↓↓↓

Maman☆World

Maman☆World

虹みたいできれぇー

↓↓↓

虹みたいできれぇー

こんな風にも色々できるけど、

こんなのアメブロだったら、面倒なタグを使わなくてもできるしねｗ

一文字一文字色を変えて文字の大きさを好みの大きさにすればオッケーです。

でも、これだったら↓

やっぱりタグを使わないと作れない。

M^aman☆Word

<marquee behavior="alternate" width="500"><b><font size="5"><font color="#ff5200"><font color="#ff5200">M</font>^{<font color="#ffa500">a</font>}^{<font color="#ffd200">m</font>}^{^{<font color="#ffff00">a</font>}}^{^{<font color="#80c000">n</font>}}^{^{<font color="#008000">☆</font>}}^{<font color="#87ceeb">W</font>}^{<font color="#4467f5">o</font>}<font color="#0000ff">r</font><font color="#ff00ff">d</font></font></font></b></marquee>

動く（マーキー）のはいらないというなら

marqueeタグをはずせばいい。

M^aman☆Word

<b><font size="5"><font color="#ff5200"><font color="#ff5200">M</font>^{<font color="#ffa500">a</font>}^{<font color="#ffd200">m</font>}^{^{<font color="#ffff00">a</font>}}^{^{<font color="#80c000">n</font>}}^{^{<font color="#008000">☆</font>}}^{<font color="#87ceeb">W</font>}^{<font color="#4467f5">o</font>}<font color="#0000ff">r</font><font color="#ff00ff">d</font></font></font></b>

これだって、こんな面倒なタグは使いたくないよねｗ

なので簡単にこのような文字を作れる

ソフトが無料であるのです。

↓↓↓

http://www.vector.co.jp/soft/win95/net/se247872.html

こんな簡単なソフトで

書きたい言葉をメッセージ欄に記入するだけ。

文字の大きさ、マーキーを使うかどうか、

自分のブログの背景色などが選べます。

わたしのトップページのキラキラ光る文字は

ここを参考にしてください。

↓↓↓

http://ameblo.jp/maman44/entry-10204258360.html

そしてここ でも文字のロゴを作ったり文字加工ができるサイトの

リンク集を作って紹介してくれています。