ブログランキングの応援
をして頂けると励みになります。
ここをクリックしてくださいね。
人気ブログランキング
FC2ブログランキング今回は、「うごく文字」についてご質問を戴きましたので、
まとめてみますね。
ご質問：
『初めまして！
素敵なブログデザイン尊敬しちゃいました！
ヘッダーのうえの文字が動いているところはどうやってやるのでしょうか(;^_^A 』
回答：
私もはじめて動く文字を見たときは、
なんで文字が動くんだろう？？？ って感じでした。
種明かしをすると、簡単なんですよ。
それは、
「マーキータグ」を使うと出来ちゃいます。
それでは、実際に文字を動かしてみましょう。
動かしたい文字を「マーキータグ」で囲むと[具体例]
<marquee>動く文字</marquee>
[ＰＣ上での見え方]
左から右へ動かすには[具体例]
<marquee direction="right">動く文字</marquee>
[ＰＣ上での見え方]
スピードを速く動かすには[具体例]
<marquee direction="right" scrollamount="50">動く文字</marquee>
[ＰＣ上での見え方]
逆に、ゆっくり動かすには[具体例]
<marquee direction="right" scrollamount="1">動く文字</marquee>
[ＰＣ上での見え方]
文字を赤色、背景を黄色にしてみると[具体例]
<marquee bgcolor="#FFFF00" direction="right"><font color="#FF0000">動く文字</font></marquee>
[ＰＣ上での見え方]
文字を大きくしてみると[具体例]
<marquee bgcolor="#FFFF00" direction="right"><font
size="8" color="#FF0000">動く文字</font></marquee>
[ＰＣ上での見え方]
文字を下から上に動かすには[具体例]
<marquee height="100" direction="up">動く文字</marquee>
[ＰＣ上での見え方]
いろいろ考えてみましたが、それではいよいよ･･･。
ヘッダー上部のようにするには[具体例]
<marquee width="950" height="28" scrollamount="3">・<b><font
color="#ff0000" size="3">アメブロ</font></b><font
size="+1">を</font><b><font color="#ff0000"
size="3">カスタマイズ</font></b><font size="+1">したい！</font>　・<b><font
color="#ff0000" size="3">ホームページ</font></b><font
size="+1">を</font><b><font color="#ff0000"
size="3">作成</font></b><font size="+1">したい！</font>　・<b><font
color="#ff0000" size="3">ＷＥＢデザイナー</font></b><font
size="+1">になりたい！</font>　・<b><font
color="#ff0000" size="3">いろんな夢を</font></b><font
size="+1">かなえませんか!?</font></marquee>
[ＰＣ上での見え方]
※応用させてボタンにリンクさせてみると
例えば、次のように作成することもできます。
あなたも、いろいろと工夫して遊んでみてくださいね。