2006年04月07日
動く文字の設定♪
- 2006/09/27 追記
この記事で紹介している、<marquee>は、XHTMLで非推奨のタグですから、使用をおすすめできません。動く文字の設定はJavaScriptで設定してください。m(_ _)m
詳しくは次の記事をご覧ください。→電光掲示板（動く文字）_JavaSript中級
「うさもちゃんの背景の紹介の文字をどうやって動かしているのですか？」
何人かのお友達からこのように尋ねられました。せっかくですので、記事として紹介しますね。
なお「うさもちゃん」というのは、ここの右サイド上部にあるBlogPetのこうさぎの名前です。
<marquee behavior="scroll" width="140" scrolldelay="900" scrollamount="10" bgcolor="#ffccff" >ただ今、**Silver Heart**のmayuさん作の背景を表示中♪正体はこれなのですよ。実は「マーキー(marquee)」タグを使っているだけなんです。CGIやJavaSriptを使っているわけではありませんから難しくないですよ。興味のある方はお試しくださいね♪
</marquee>なおこのコードは一行です。途中で改行は入れないようにしてくださいね。
なお、ここのコード見本をコピペして使用してうまくいかない場合は、詳しい解説を見て設定し直してくださいね♪
なお、この画像は『chai*』よりダウンロードさせていただきました。
↓ ぽちっと応援お願いします♪ m(_ _)m
↓ちょっと詳しい解説はコチラ
- width動かす幅を設定します。単位はピクセルです。
- behavior
- scroll→一方通行のスクロールです。
- alternate→画面端まで行ったり来たりスクロールします。
- side→指定範囲の端までスクロールすると停止します。
- scrolldelay→再描画までの時間（ミリ秒）です。
- scrollamount→再描画までの距離（ピクセル）です。
- bgcolor→マーキーの背景色を設定します。
いろいろ、設定を変えて、楽しんでみてくださいね♪
「マーキー(marquee)」タグ <marquee>〜</marquee>は、なお、このタグはInternet Explorerの独自拡張タグですから、非対応ブラウザでは、通常表示され、スクロールはしませんので･･･ご参考までに。
↓ ぽちっと応援お願いします♪ m(_ _)m
≪New お弁当のおかずランキング♪〜集計結果発表〜 | Top | BlogPet「うさも」の背景紹介〜春１〜 Old≫
トラックバックURL
コメント
またまたいっちばーーーん♪o(*^▽^*)o~♪
このタグ使ったことないんですけど、面白いですよね!!
思ったより簡単そうでビックリ!!
長い文でも少ないスペースで表示できるのがいいですね!!(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
勉強になります♪暇なときに遊んでみようっと♪(o^-^o)
Posted by まゆび at 2006.04.07 19:48 | edit
コメント
今まで日記も、シスアドへの道も毎日読ませて頂いてましたが、
私的に色々あり、なかなかコメント出来ませんでした・・・・orz
今夜は、コメントしたくなり書いている次第です。
どの日記も参考になるモノばかりで、PC初心者の私にとってはありがたい限りです☆彡
今は、少々疲れているので設定をいじる気にならないのですが、
また、体調が良くなったら是非参考にしてみますね(^^)v
yozoさんも、そろそろ追い込みですね。
余り無理しないでね☆�鵝�・。・★。・。☆・�鵝�・★・。♪
Posted by ろんちゃん at 2006.04.07 19:50 | edit
コメント
これは以前ブログのカスタマイズ用に買い求めた本にも載っていたタグです。お稽古用のフリーブログの方で試してみました。
動きがあって楽しいのと、長い文章も省スペースで表示できていいですよね。
まさにyozoさまの利用の仕方はお手本みたいです。
こっちも機会があったら試してみたいタグです。分かりやすい解説でした（＾＾）ｖ
Posted by ととろ at 2006.04.07 19:51 | edit
コメント
すごくみっともないコメントを晒すことになってしまったー！
Posted by ととろ at 2006.04.07 19:52 | edit
コメント
＞またまたいっちばーーーん♪o(*^▽^*)o~♪
今日は珍しくタッチの差でしたねー♪
おめでとうございまっす♪そうして競っていただけて
yozoは幸せ者ですよー♪（嬉泣）
＞このタグ使ったことないんですけど、面白いですよね!!
ちょっと気持ち悪くなるときもありますので注意ですよ♪
うちのはちょっと遅くしました。見ていて「はやく！」なんて
思いますが、それでも見やすいようにしましたよ♪('-'*)ﾌﾌ
＞暇なときに遊んでみようっと♪(o^-^o)
なかなかにおもしろいと思いますよ♪
遊んでみてくださいねー♪（笑）(^○^)
Posted by yoblog at 2006.04.07 21:40 | edit
コメント
＞今まで日記も、シスアドへの道も毎日読ませて頂いてましたが、
＞私的に色々あり、なかなかコメント出来ませんでした・・・・orz
それはありがとうございまっす m(_ _)m
お恥ずかしいところばかりを見ちゃったんですね♪（笑）
＞今夜は、コメントしたくなり書いている次第です。
それでいいんですよ♪その気になったときでいいんですからね♪
本当にありがたいですよー♪
＞どの日記も参考になるモノばかり
そういっていただけると嬉しいですよ♪
あくまで私の記事をたたき台にして、みなさんのお知恵も借りて
加筆修正して、誰でも気軽に知りたいことがわかるようになったら
いいなぁ~なんて虫のいいことを考えてますよ♪(・・。)ゞ ﾃﾍ
＞体調が良くなったら是非参考にしてみますね(^^)v
はい♪お身体あってのことですからね♪
無茶してもおもしろくないですもんね♪
のんびりいきましょーよ（笑） ヽ(`◇´(;_;、)ゝ
＞余り無理しないでね☆�鵝�・。・★。・。☆・�鵝�・★・。♪
ありがとうございまっす♪ お心遣い本当に嬉しいです♪
Posted by yoblog at 2006.04.07 21:50 | edit
コメント
＞一番ゲットだ♪
えっ♪あれぇ~♪（笑）意地悪してごめんなさい！
でも、皆さんで競ってくれて本当に嬉しいですよ♪ m(_ _)m
＞お稽古用のフリーブログの方で試してみました。
お稽古用があるのがすごいですよね♪(*⌒∇⌒*)
＞動きがあって楽しいのと、
＞長い文章も省スペースで表示できていいですよね。
それが一番のメリットですよね♪でもちょっと調子に乗りすぎると
気持ち悪いものができちゃいませんでしたか？（笑）
yozoだけかも・・・゛(6￣ ￣)ﾎﾟﾘﾎﾟﾘ
＞まさにyozoさまの利用の仕方はお手本みたいです。
とんでもないですよ♪みなさんがバシバシセンスのいいものを
作ってくれたら、それをお借りしようとたくらんでます（爆笑）
Posted by yoblog at 2006.04.07 21:55 | edit
コメント
＞恥ずい、三番目だー。いつの間に！
＞すごくみっともないコメントを晒すことになってしまったー！
いえいえ♪全然問題なしですよ♪（ちょっと笑） (⌒・⌒)ゞドンマイ♪
でもyozoも一番だー！って思って送信したら、２つ３つ後に送られて、
ありゃりゃ！ってなることがしょっちゅうですよ♪（これぞ恥です♪）
自分のブログのレスでも、びっくりすることが多いですよ♪（笑）
Posted by yoblog at 2006.04.07 21:58 | edit
コメント
実はこのタグ、NN7.0以降はサポートされているようで、
私にも動いて見えます♪
ココのように小さなスペースに長い文章なら無理ですが、短い文章なら、marqueeタグの中にblinkタグを入れるのも面白いです。
marquee非対応NNは、blink対応ですから(笑)
Posted by しばにゃりん at 2006.04.07 22:19 | edit
コメント
しばにゃりん様・・・ククク・・・( * ^)oo(^ *) ｸｽｸｽ
((ｏ(＞▽＜)ｏ)) きゃははっ♪
「柴成まこ」さんでしょ♪「webでお絵かき」のまこさんですね♪
んもう♪毎回毎回密かに楽しみになってしまったyozoです♪（爆）
＞実はこのタグ、NN7.0以降はサポートされているようで、
＞私にも動いて見えます♪
ついにサポートされたのですね♪オペラもFirefoxも動いてましたね。
たいていのブラウザはいけるんですね。よかった♪
＞marqueeタグの中にblinkタグを入れるのも面白いです。
＞marquee非対応NNは、blink対応ですから(笑)
blinkってIEだめですよね♪ネットスケープ使ってみよっかな♪
Posted by yoblog at 2006.04.07 23:33 | edit
コメント
サブタイトルを動かしてみました。うまく出来ているでしょうか？
お暇な時に観てください。
ｙｏｚｏさんのお陰で、色々、勉強になります。これからも、色々、教えてください。よろしゅ〜。m(_ _)mﾍﾟｺｯ!
Posted by ネーちゃん at 2006.04.08 01:05 | edit
コメント
やっぱり、ここに来ると新発見があります♪
まだ、私はここまでいってはいないけど、ここを振り返りつつ、少しずつ、いろいろ覚えて行きたいなぁー。と思います。
興味を持つことがまず1歩ですよね♪
Posted by enu50430 at 2006.04.08 10:34 | edit
コメント
＞サブタイトルを動かしてみました。うまく出来ているでしょうか？
えっ♪早速チャレンジされたのですね♪
ちょっとお邪魔しますねー♪
・・・・・・・・・・・・・只今、お邪魔しております。・・・・・・・・・・・・・
＞ｙｏｚｏさんのお陰で、色々、勉強になります。
＞これからも、色々、教えてください。よろしゅ〜。m(_ _)mﾍﾟｺｯ!
いえいえ♪みなさんに聞かれたことを、記事にさせてもらっている
だけですよ♪こちらこそ、励みになりますよ♪ m(_ _)m
Posted by yoblog at 2006.04.08 19:02 | edit
コメント
＞やっぱり、ここに来ると新発見があります♪
ありがとうございまっす♪m(_ _)m
みなさんから聞かれたことを記事にさせていただいてますよ♪
＞ここを振り返りつつ、少しずつ、いろいろ覚えて行きたいなぁー。
はい♪そのように使ってくださったらうれしいですよ♪（笑）
＞興味を持つことがまず1歩ですよね♪
うん♪やりたいことからはじめましょうね♪ ｸﾞｯ!! (￣ε￣〃)ｂ
Posted by yoblog at 2006.04.08 19:05 | edit
コメント
PC初心者の私には、文字の色変えに四苦八苦しましたが、完成して設置してみると、やっぱりいいですねーー！！
ありがとうございました。m(._.)m
Posted by ろんちゃん at 2006.04.29 22:45 | edit
コメント
＞この記事を参考に私のブログにも設置させて頂きました♪
うまくいきましたか？ｵﾒﾃﾞﾄ(*^ｰ^*)∠※Pan!!｡･:*:･
＞PC初心者の私には、文字の色変えに四苦八苦しましたが、
＞完成して設置してみると、やっぱりいいですねーー！！
さすがですねー♪初心者とは思えないスピードで、
ろんちゃんさんのブログは進化してますよね。（≧∇≦）ъ ナイス！
本当によく勉強されていますね。感心しますよ。
使用報告ありがとうございました。 m(_ _)m
Posted by yoblog at 2006.04.29 23:07 | edit