☆きらきら星☆:タグ

カテゴリ：タグ

• マーキー背景色つき。
  [ 2006-11-09 19:35 ]
• マーキータグに背景色を付けたり、横幅を指定してみました(4)
  [ 2006-03-01 10:59 ]
• marqueeタグで、絵（写真）や文字を上下に動かす(3)
  [ 2006-02-25 09:26 ]
• マーキータグ【marquee】で絵や文字を右・左・左右に動かそう（２）
  [ 2006-02-24 07:48 ]
• これは簡単！　【marquee】タグで、文字や絵を流そう♪(1)
  [ 2006-02-23 08:42 ]

マーキー背景色つき。

テストしますよ～。



ちゃんと回ります。
もう一度、ここのコメント欄にも、コピペできるように書きます。




　テスト２　背景色をつけて記事を書く


　

チェンマイのローイクラトン。　
　ピン川の夜景。

マーキータグに背景色を付けたり、横幅を指定してみました(4)

全角で書きます。半角に直して使って下さいね。背景色はブルーにしてみました。

①基本の、流れるマーキーです。　
＜marquee　Bgcolor＝”＃００ｆｆｆｆ”＞ここに字（絵，写真）を入れる＜/marquee＞
　こんなふうです。
（００ｆｆｆｆの００は、数字のゼロです。アルファベットのオーではありません。）








②次に、流れる横幅を２００にしてみました。全角で書きます。半角にしてお使いください。
<ｍａｒｑｕｅｅ　ｗｉｄｔｈ＝”２００”＞＜ｍａｒｑｕｅｅ　Ｂｇｃｏｌｏｒ＝”００ｆｆｆｆ”＞ここに字（絵，写真）を入れる＜／ｍａｒｑｕｅｅ＞<／ｍａｒｑｕｅｅ＞こんなふうになります。
ほら、画面の左側だけに流れてますよね。







③速いのはこちら。半角に直してお使いください。
＜ｍａｒｑｕｅｅ　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞＜ｍａｒｑｕｅｅ　Ｂｇｃｏｌｏｒ＝”＃００ｆｆｆｆ”＞
ここに、文字（絵，写真）を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞
こんなふうになります。

はやい



④全種類アップするのは大変なので、次は、横幅を２００にして、上に上がるのをやってみます。半角でお使いください。
＜ｍａｒｑｕｅｅ　ｗｉｄｔｈ＝”２００”＞＜ｍａｒｑｕｅｅ　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”＞＜ｍａｒｑｕｅｅ　Ｂｇｃｏｌｏｒ＝＃００ｆｆｆｆ＞ここに字（絵，写真）を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞







⑤跳ねながら進むのをやってみます。半角に直してお使いください。
＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞＜ｍａｒｑｕｅｅ　Ｂｇｃｏｌｏｒ＝＃００ｆｆｆｆ＞ここに字（絵，写真）を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞
　こんなふうになります。

ぴょんぴょんすすむ






⑥上記の、横幅を２００にしてみました。半角に直してお使い下さい。
＜ｍａｒｑｕｅｅ　ｗｉｄｔｈ＝”２００”＞＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞＜ｍａｒｑｕｅｅ　Ｂｇｃｏｌｏｒ＝＃００ｆｆｆｆ＞ここに字（絵，写真）を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞
　こんなふうになります。






　背景色に使うカラーコードは【みんなのタグ辞書】さんの、
　【カラーコード表】を見てくださいね。
　っていうか、こちらのHPにマーキータグの使い方が簡潔に載っていました。
　私が何日もかかって苦労したのって、なんだったの!?　orz


　当ブログ内の、マーキーの過去記事一覧
●marqueeタグで、絵（写真）や文字を上下に動かす(3)

●マーキータグ【marquee】で絵や文字を右・左・左右に動かそう（２）

●これは簡単！　【marquee】タグで、文字や絵を流そう♪(1)

marqueeタグで、絵（写真）や文字を上下に動かす(3)

　marqueeタグで、絵（写真）や文字を上下に動かしてみましょう。
　（もう乗りかかった船なので、どんどんやってみますよ）


①下に動かす。便宜上全角で書きますが、半角で入れて下さいね。
　＜ｍａｒｑｕｅｅ　ｄｉｒｅｃｔｉｏｎ＝”ｄｏｗｎ”＞ここに絵や文字を入れます＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。





②上に動かす。便宜上全角で書きますが、半角で入れて下さいね。
　＜ｍａｒｑｕｅｅ　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”＞ここに絵や文字を入れます＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。




③上下に動かす。便宜上全角で書きますが、半角で入れてね。
＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”＞ここに絵や文字を入れる＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。




　
④上下に速く動かす。便宜上全角で書きますが、半角で入れてね。
＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞ここに絵や文字を入れる＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。







⑤次は、蛙がピョンピョン跳ねながら前に進んでゆくのをやってみます。
　便宜上、全角で書きますが、半角で打って下さいね。
＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞＜ｍａｒｑｕｅｅ＞ここに絵や文字を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。跳ねながら、グルグル回っています。






⑥次は、上下に跳ねながら、行ったり来たりというのを、やってみます。
　便宜上、全角で書きますが、半角で打って下さいね。
＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ”　ｄｉｒｅｃｔｉｏｎ＝”ｕｐ”　ｈｅｉｇｈｔ”５０”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”５０”　ｔｒｕｅｓｐｅｅｄ＞＜ｍａｒｑｕｅｅ　ｂｅｈａｖｉｏｒ＝”ａlｔｅｒｎａｔｅ”＞ここに絵や文字を入れる＜／ｍａｒｑｕｅｅ＞＜／ｍａｒｑｕｅｅ＞
　出来上がりは、こんなです。

ぴょんぴょん



◎横に流す方法は、こちらでどうぞ。


半角にする方法

マーキータグ【marquee】で絵や文字を右・左・左右に動かそう（２）

　前投稿の続きです。　


　①絵（写真）や文字を左右に動かす。
　便宜上、全角で書きますが、使うときは半角で書いてね。
　追記：訂正しました。あいであ工房さん、m(_ _)mｺﾞﾒﾝﾅｻｲ♪　
＜marquee　behavior＝”alternate”＞ここに絵（中央で）や文字を入れる。＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。



　②絵や文字を右に動かす。
　便宜上、全角で書きますが、使うときは半角で書いてね。
　＜marquee　direction＝”right”＞ここに絵（中央で）や文字を入れる。<／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。バックしてくる車にご注意！　



　では、もう一つ、真面目に。




　③絵や文字の動くスピードを変える。
　便宜上、全角で書きますが、使うときは半角で書いてね。
　＜marquee　scrollamount＝”５０”　truespeed＞ここに絵や文字を入れる＜／ｍａｒｑｕｅｅ＞

　出来上がりは、こんなです。　一分以上見てると、目が回って気持が悪くなります。




　縦に動かす方法は、こちらでどうぞ。

これは簡単！ 【marquee】タグで、文字や絵を流そう♪(1)

　かんた～ん！　marqueeタグを使って、文字や絵，写真を流してみましょうね。
　まず、文字を流してみましょう。本当はタグは半角で入れるのですが、ここでは便宜上、全角で書きますよ。
＜marquee＞ここに文字をいれる＜／marquee＞
　どうせですから、赤い文字にしてみましょうか。
＜marquee＞＜font　color=red＞文字を入れる＜／font＞＜／marquee＞
　では、半角でタグを書きますよー。
流れてる～？


　文字のところに、写真を【左につめて何枚も】入れると、ほら回転すしだって出来ちゃう。






もうこんなテクは知ってるよ～ん♪という人は、パスしてね！(^_-)ー☆

◎左右に流したり、スピードを変える方法は、こちらでどうぞ。

◎上下に動かす・上下に動きながら進む方法は、こちらでどうぞ。http://charm55.exblog.jp/tb/3577014