HTML

♡MAQUEEを使って文字に帯を付けて二段で動かしてみよ～♡

以前MAQUEEで帯に背景色を付け文字を流す方法を
ご紹介しましたが今回はその応用編で～す♡

X'masも近いのでブログを装飾してみて下さいね♫

①コメントを上段は↑に下段は↓にする場合

★☆★☆★Merry Christmas★☆★☆Merry Christmas★☆★☆★
☆おめでとヽ(ﾟ▽ﾟ)(ﾟ▽ﾟ)o∠※PAN!☆おめでとヽ(ﾟ▽ﾟ)(ﾟ▽ﾟ)o∠※PAN!

②コメントを上段は↓に下段は↑にする場合

♡♥♡Happy Marry Christmas♡♥♡
☆ヽ(＾0^)お(^｡^)め(^-^)で(^O^)ﾉと☆

③コメントを左側は↑に右側は左右にする場合

☆MERRY CHRISTMA☆☆おめでとう♪＼(*＾▽＾*)／＼(*＾▽＾*)／＼(*＾▽＾*)／わ～い♪。.:*☆

④コメントを左側は↑に右側は左に流す場合

☆Marry　 christmas☆☆｡･ヽ(*^ｰ^)人(^ｰ^*)ノヽ(*^ｰ^)人(^ｰ^*)ノ／☆｡

①②の基本タグは↓こちらを参考にして下さい
　
　　　　　　　　　　　　注意⇒入力する場合は全て半角です

＜ＭＡＲＱＵＥＥ　ｄｉｒｅｃｔｉｏｎ＝ｕｐ(上段の帯の動かし方)　ＢＧＣＯＬＯＲ＝”上段の帯の色”　ＷＩＤＴＨ”表示の長さ”ＨＥＩＧＨＴ＝”帯の高さ”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”１”＞＜ｆｏｎｔ　ｃｏｌｏｒ＝”文字の色” ｓｉｚｅ＝”文字のサイズ”>ここに上段に表示させる文章＜／ＦＯＮＴ＞＜／ＭＡＲＱＵＥＥ＞
＜ＭＡＲＱＵＥＥ　ｄｉｒｅｃｔｉｏｎ＝ｄｏｗｎ(下段の帯の動かし方)　ＢＧＣＯＬＯＲ＝”下段の帯の色”　ＷＩＤＴＨ”表示の長さ”ＨＥＩＧＨＴ＝”帯の高さ”　＜ｆｏｎｔ　ｃｏｌｏｒ＝”文字の色” ｓｉｚｅ＝”文字のサイズ”>ここに下段に表示させる文章＜／ＦＯＮＴ＞＜／ＭＡＲＱＵＥＥ＞

BGCOLOR="○○ "とは?

スクロールを行う範囲の背景色を指定できます。"○○ "にはカラーコードや文字色で指定できます。

DIRECTION="○○ "とは?

スクロールの進行方向を選択できます。
　　　　　　
　　　　　　　　　　　　"○○"には下記のようなものが記入できます。

　　　　　　　　　　　　　　　　記入　　　　　　結　　果
　　　　　　　　　　　　　　　　left　　　　　　左側に向かって進みます。
　　　　　　　　　　　　　　　　right 　　　　　右側に向かって進みます。
　　　　　　　　　　　　　　　　up　　　　　　　上側に向かって進みます。
　　　　　　　　　　　　　　　　down　　　　　下側に向かって進みます。
　　　　　　　　　　　　　　　　alternate　　　左右に行き来します。。

HEIGHT="○○ "とは?
スクロールを行う範囲の高さを指定できます。"○○ "には数値もしくはパーセンテージで指定します。

BWIDTH="○○ "とは?
スクロールを行う範囲の横幅を指定できます。"○○ "には数値もしくはパーセンテージで指定します。

BEHAVIOR="○○ "とは?
スクロールの方法を指定します。

　　　　　　　　　　　　　　BEHAVIOR="scroll"⇒（初期値）左へ流れます
　　　　　　　　　　　　　　BEHAVIOR="slide"⇒端まで進んで停止します
　　　　　　　　　　　　　　BEHAVIOR="alternate"⇒行ったり来たりします

③④の基本タグは↓こちらを参考にして下さい
　
　　　　　　　　　　　　注意⇒入力する場合は全て半角です

＜ＭＡＲＱＵＥＥ　ｄｉｒｅｃｔｉｏｎ＝ｕｐ(左側の帯の動かし方)　ＢＧＣＯＬＯＲ＝”上段の帯の色”　ＷＩＤＴＨ”表示の長さ”ＨＥＩＧＨＴ＝”帯の高さ”　ｓｃｒｏｌｌａｍｏｕｎｔ＝”１”＞＜ｆｏｎｔ　ｃｏｌｏｒ＝”文字の色” ｓｉｚｅ＝”文字のサイズ”>ここに上段に表示させる文章＜／ＦＯＮＴ＞＜／ＭＡＲＱＵＥＥ＞
＜ＭＡＲＱＵＥＥ　ＢＥＨＡＶＩＯＲ＝ａｌｔｅｒｎａｔｅ　(下段の帯の動かし方)　ＢＧＣＯＬＯＲ＝”下段の帯の色”　ＷＩＤＴＨ”表示の長さ”ＨＥＩＧＨＴ＝”帯の高さ”　

そ他の文字関連は↓からどうぞ!!

◆hmlt・wikiでブログを楽しくする裏技◆

★ブログの色々な簡単『お役立ち情報』は↓から★
http://blogs.yahoo.co.jp/love_dead_bear2005/folder/277509.html

★この記事を転載してお持ち帰りして是非試して下さいね♪ブログをもっと可愛くしましょ～う♡

この記事がお役に立てたら【傑作ポチッ】として
　　　　　　頂けると嬉しい&励みになります♡

転載元: フリー素材＆水槽！

コメント（2）

トラックバック（0）

「動く文字」⑥応用編

動く文字の応用です

★注意：記事でHTMLを使うには「wiki」文法にチェックを入れないでね。
★各々のソースは【カッコの中】↓です。
★下記の⇒<　>閉じタグは大文字ですので、必ず「半角」にして使用して下さい!
★文字サイズは「～font size="5"」数字部分「1～7」にサイズ変更できます
　

✿ฺ　組み合わせ_{（基本形に背景色（bgcolor）を指定）}

①背景色を水色に指定
①【＜marquee bgcolor="ff0000"＞ここにコメント＜/marquee＞】

②背景色を水色・文字を赤色に指定
②【＜marquee bgcolor="ff0000"＞＜font color="ffffff"＞ここにコメント＜/font＞＜/marquee＞】

✿ฺ　組み合わせ_{（横幅（width）を自由に指定）}

①♠半分の長さ♠
②♠4分の1の長さ♠
③♠10%の長さ♠

①【＜marquee bgcolor="ff00ff" width="50%"＞ここにコメント＜/marquee＞】
②【＜marquee bgcolor="ffff00" width="25%"＞ここにコメント＜/marquee＞】
③【＜marquee bgcolor="ff0000" width="10%"＞ここにコメント＜/marquee＞】

✿ฺ　組み合わせ_{（横幅・バックカラーを指定）}

♠半分の長さ♠♠4分の1の長さ♠♠10%の長さ♠

【＜marquee width="50%" bgcolor="ff00ff"＞ここにコメント＜/marquee＞＜marquee width="25%" bgcolor="ffff00"＞ここにコメント＜/marquee＞＜marquee width="10%" bgcolor="ff0000"＞ここにコメント＜/marquee＞】

✿ฺ　組み合わせ_{（横幅・バックカラー・文字サイズを指定）}(´;ェ;`)⇒(♥を通る)⇒(ヾ(＠⌒▽⌒＠)ノになる)

ヾ(@~▽~@)ノヾ(@~▽~@)ノヾ(@~▽~@)ノヾ(@~▽~@)ノヾ(@~▽~@)ノ♥♥♥♥♥♥♥♥♥(´;ェ;`)(´;ェ;`)(´;ェ;`)(´;ェ;`)(´;ェ;`)

【＜marquee width="40%" bgcolor="ff0000"＞＜font size="5" color="ffff00"＞ここにコメント＜/font＞＜/marquee＞＜marquee width="20%" bgcolor="000000"＞＜font size="10" color="ffffff"＞ここにコメント＜/font＞＜/marquee＞＜marquee width="40%" bgcolor="ff0000"＞＜font size="5" color="ffffff"＞ここにコメント＜/font＞＜/marquee＞】

✿ฺ 組み合わせ_{（「高さx幅」を変更し、移動しながら「上下・往復」）}　

○～　●～

【＜marquee behavior="alternate" direction="up" height="80" width="400"＞＜marquee behavior="alternate"＞ここにコメント＜/marquee＞＜/marquee＞】
【高さ⇒「height="80"」幅⇒「 width="400"」】高さｘ幅サイズは数字部分を変更。

✿ฺ 組み合わせ_{（「高さ」を自由に指定、左下斜めに移動）}

★☆…

【＜marquee bgcolor="000000" direction="down" height="60" scrollamount="2"＞＜marquee scrollamount="10"＞＜font size=3 color="yellow"＞ここにコメント＜/font＞＜/marquee＞＜/marquee＞】

転載・トラバＯＫ！お気に召しましたら傑作(*･･)σ●ポチッ♪もよろしく！
　
♣ お疲れ様でしたm(_ _"m)「動く文字」最終回です。♠面白い「HTML」がありましたら、勉強して次回掲載します♠
★もう一度注意します【Wiki】に☑ฺ はしないでネ★
http://blogs.yahoo.co.jp/mimi1955izu ←掲載元「MIMI★BLOG」リンク!

転載元: ＭＩＭIのイラスト素材

コメント（0）

トラックバック（0）

ＨＴＭＬ【Ａ】文字サイズ設定

【Ａ】文字サイズの変更方法は？

　

★タグ（ソース）⇒＜font size=■＞●＜/font＞

①文字ｻｲｽﾞ変更⇒■部分に【１～７】のｻｲｽﾞ数字を入れる。
②「＜＞」⇒ 半角英数字で記述して下さい。
③コメント・文章⇒●部分に記入。

★注意：【Ｈｔｍｌ記事】ＵＰの際は【Ｗｉｋｉ文法】に☑ฺ を入れないでね。(✪ฺܫ✪ฺ）
転載・トラバＯＫ！
http://blogs.yahoo.co.jp/mimi1955izu ←掲載元「ＭＩＭＩのイラスト素材」

　

【サンプル】

文字ｻｲｽﾞ＝１p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝２p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝３p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝４p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝５p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝６p(´∇｀)q ファイティン♪
文字ｻｲｽﾞ＝７p(´∇｀)q ファイティン♪

　

転載元: ＭＩＭIのイラスト素材

コメント（0）

トラックバック（0）

「動く文字」⑦上下ダンス

上下に踊る文字

★ダ♥ン♣ ス♬!▲

　
　　　　　　　　　　　　　　　●上下に踊る文字のソース

＜font color=red size=15"＞＜MARQUEE direction=up behavior=alternate width=50 height=120＞★＜/MARQUEE＞＜/font＞＜font color=#000000 size=6"＞＜MARQUEE direction=up behavior=alternate width=50 height=40＞ダ＜/MARQUEE＞＜/font＞＜font color=blue size=15"＞＜MARQUEE direction=up behavior=alternate width=50 height=160＞♥＜/MARQUEE＞＜/font＞＜font color=#000000 size=6"＞＜MARQUEE direction=up behavior=alternate width=50 height=40＞ン＜/MARQUEE＞＜/font＞＜font color=#ddbb66 size=15"＞＜MARQUEE direction=up behavior=alternate width=50 height=160＞♣ ＜/MARQUEE＞＜/font＞＜font color=#000000 size=6"＞＜MARQUEE direction=up behavior=alternate width=50 height=40＞ス＜/MARQUEE＞＜/font＞＜font color=#003377 size=15"＞＜MARQUEE direction=up behavior=alternate width=50 height=160＞♬＜/MARQUEE＞＜/font＞＜font color=#000000 size=6"＞＜MARQUEE direction=up behavior=alternate width=50 height=40＞!＜/MARQUEE＞＜/font＞＜font color=#ffbbcc size=15"＞＜MARQUEE direction=up behavior=alternate width=50 height=120＞▲＜/MARQUEE＞＜/font＞
　

基本は
＜font color=● size=●"＞＜MARQUEE direction=up behavior=alternate width=● height=●＞文字＜/MARQUEE＞＜/font＞

◎　　　　* font color---文字の色　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
各　　　　* size---------文字の大きさ　　　　　　　　　　　　　　　　　　　　　　　　　　　　
部　　　　* direction----移動方向(up)
の　　　　* behavior-----移動状況(alternate＝文字が左右に移動)
説　　　　* width--------文字の動く範囲、幅
明　　　　* height-------文字の動く範囲、高さ
◎　　　　* ＜＞---------半角で記入

　

転載元: ＭＩＭIのイラスト素材


http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景1	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景2	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景3	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景4

http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景5	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景6	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景7	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景8

http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景9	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景10	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景11	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景12

http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景13	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景14	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景15	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景16

http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景17	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景18	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景19	http://www.geocities.jp/dongwu60/TUZI118.gif	♪♫♬Flash 背景20

転載元: アロハでの出来事(^●^)ﾉTommy with ジェミン

日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

poohさんの素材部屋

♡MAQUEEを使って文字に帯を付けて二段で動かしてみよ～♡

コメント（2）

トラックバック（0）

「動く文字」⑥応用編

コメント（0）

トラックバック（0）

ＨＴＭＬ【Ａ】文字サイズ設定

コメント（0）

トラックバック（0）

「動く文字」⑦上下ダンス

コメント（0）

トラックバック（0）

Flash 背景「HTMLのホームページに適用と思う」

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新のコメント

最新のトラックバック

訪問者履歴

ブログリンク

標準グループ

Yahoo!からのお知らせ

よしもとブログランキング