|
|
|
2005年02月15日
カテゴリ：バカネコＰＣ講座
 性懲りもなく、バカネコ講座。 マーキーの質問があったので、とりあげよう。 今日の講義は、インターネットエクスプローラでないと、 うまく表示されない可能性があるので、予めお断りしておく。 電光掲示板のごとく、右から左へ流すのは、タグで挟むだけだ。 では、縦方向に動かすのはどうしたらいいか、今日はこれを解説する。 もちろん、お遊びにも使えるが、限られたスペースで、文章などを 自動スクロールさせるのに、適した方法だ。 これもタグの中に、呪文（属性の指定）をブチ込む、というやり方で実現する。 バカネコ、という語句を例にとって、おさらいすると、基本形は <marqee>バカネコ</marqee> である。 この、<marqee>タグの中に、direction="up" という呪文を 放り込むと、上にスクロールする。 つまり、こう書く。 <marqee direction="up">バカネコ</marqee> 見本 ↓ direction とは、「方向」という意味であるから、 それを「上」に設定しただけだ。 なんとも安直であるが、HTML共通のクセ、と思っていただければよろしい。 映画などでも、文章の縦スクロールは、よく使われるパターンだ。 かの有名なスターウォーズの冒頭がそうである。 例えばこんなふうに使ったりする。 文字サイズと行間は、予め小さくしておいた。 ↓ -------------------------------- --------------------------------
だが、これでは、いくら何でも流れるスピードが速すぎる。 速度を調節しよう。 その呪文は、scrollamount である。 直訳すれば、スクロール量ということだ。 ここに設定する数値が大きいほど速くなる。 では、１をセットして、 <marquee direction="up" scrollamount="1"> としてみよう。 -------------------------------- -------------------------------- なにやら、それらしい雰囲気が、出てきたではないか。 マーキーは、何も電光掲示板だけが、能ではないのだ。 じっくり読ませる文章には向かないが、雰囲気をかもし出すには けっこう、使える機能なのである。 さらに、文字に色をつけ、枠の中にはめこんで、中央に配置すると、 こんな感じになる。 うざったい電光掲示板とは、かなり印象が違う。 せっかくだから、この部分のHTMLも載せておこう。 日記ページの自動改行にも対応している。 メモ帳やテキストエディタを使う方は、そのままでよろしい。 ビルダーなどのソフトを使いたい方は、いったん、メモ帳などに 貼り付けておいて、そこからもう一度、コピーを取り直すのをお忘れなく。 でないと、化ける。 <center><table border="4" bordercolorlight="#00FF00" bordercolordark="#008080" cellpadding="15" width="500" height="200"><tr><td style="line-height: 120%; font-size: 10pt; color: green" width="500" height="200"><marquee direction="up" scrollamount="1"> ■ここに、中身の文章を書く■ </marquee></td></tr></table></center> 【今日のポイント】 １．動かしたい文章は、<marqee> と </marqee> で挟む。 ２．上にスクロールするには、direction="up" を指定する。 ３．速度調節は、scrollamount に数値を設定する。 ４．インターネットエクスプローラの機能であることに注意。 ブラウザによっては、動かずに、そのまま表示されることがある。 【おとぼけコロン】  【トド短信】 楽天フリマショップ登録の経過。 書類を送ったら、深夜になって、本登録手続きのメールが入った。 手続きはすませたが、出品するには、説明ページを用意しなきゃ。 ううう、「にゃんタグ・フルバージョン」の公開まで、もう一息か。 にゃんタグ・ミニなら、すでに公開しているから、ここへ初めて来られた方は 過去の日記を遡るべし。 この記事がおもしろかったと思う人は１票！ クリック →  ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 ネコでもわかるＰＣ講座はこちら。 →バカネコ講座 【楽天トラベル】 バカネコ講座 バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン１号ミニ バーニャン１号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のＰＣを知る バカネコ・ビューア にゃんタグ・ミニ 画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
ほんとにスターウォーズみたいだった（*^_^*）せっかくなのでコピーとメモはりしました(>_<)
明日の日記で活用してみたいですぅ～(>_<)うまくいくこと祈っててください(>_<) トド先生(^_-)-☆ (2005年02月16日 01時48分07秒)
出来たぁ～～～ ＼(^o^)／
(2005年02月16日 01時49分14秒)
＞凄ーーー (＠_＠;)
＞ コロンちゃん、可愛ーーーぃ (#^.^#) え？ コロンがすごいの？ ＞出来たぁ～～～ ＼(^o^)／ 縦スクロールが出来たのかにゃ？ (2005年02月16日 01時59分49秒)
＞ほんとにスターウォーズみたいだった（*^_^*）せっかくなのでコピーとメモはりしました(>_<)
＞明日の日記で活用してみたいですぅ～(>_<)うまくいくこと祈っててください(>_<) 天にまします我らが猫よ。 もぐらのこの努力が報われますように！ ニャーメン！ (2005年02月16日 02時01分46秒)
大好きなスターウォーズを
想い出すわ。 早速。コピペしました。 トド様すごいですね。。尊敬します。。 まだまだリンクが作れないママですが。。 トド様のニャンタグで挑戦して見ます。。。 (2005年02月16日 02時25分38秒)
＞まだまだリンクが作れないママですが。。
＞トド様のニャンタグで挑戦して見ます。。。 にゃはは。 リンクはフルバージョンでないと作れましぇん．．． (2005年02月16日 02時36分42秒)
海獣トドさんへ
＞＞凄ーーー (＠_＠;) ＞＞ コロンちゃん、可愛ーーーぃ (#^.^#) ＞ ＞え？ コロンがすごいの？ (^^ゞ スクロールに感激♪の凄ーーーでしたぁ！ ＞＞出来たぁ～～～ ＼(^o^)／ ＞ ＞縦スクロールが出来たのかにゃ？ (^O^)／ でね！ 下線の消したリンクも出来たぁ～ょ☆彡 トドさん、ありがと～♪ (*^^)v (2005年02月16日 02時42分03秒)
そうやって効果を計算しての使用ならウザくない！
･･･てゆーか、テーブルの線に色をつけるのが勉強になりました(^-^;) コロンちゃん･･･タヌキみたいでかわいい(=^-^=) (2005年02月16日 07時16分32秒)
おお、コロン様のアップ。
スクロールがUPだけに …ごめんなさい。もう寝ます。 (2005年02月16日 07時44分15秒)
コロンちゃんのお顔のグレーがニャンともかわゆいですね。
HTMLというのはわかれば簡単そうですが、まだまだ奥まで入り込めないわたくしです。 でもおかげさまでHTMLタグのことなどが、初めのころに比べると随分わかるようになりました。 ありがとうございます。 御礼が何もできないので、トドさまに尊敬のナマザシ･･･ をたくさん差し上げます バカネコ講座はおババにもわかる読みやすい文章ですので、これからもよろしくお願いいたします。 (2005年02月16日 09時55分36秒)
そうですか～。ヤマトはお台場でデートスポットになってしまったのですか～(^^)
面白かったので、これコピーさせてくださいね、村長・ ・・じゃなかった、艦長。 (2005年02月16日 09時56分10秒)
今日のタグもおもしろいね。
さっそくコピーさせてもらいました～(*^0^*) …で､昨日のコロンちゃんの顔が縦横斜めに飛び回るのは どうやるの？ あれ、おもしろそうだからやってみたいな｡｡｡(^_^) 教授､たびたびすいませ～ん(^^ゞ 教えてねー。 今日のコロンちゃんのアップ｡｡｡かーわいい～！！！ 見入ってしまったわ｡｡｡(*^^*) (2005年02月16日 10時11分27秒)
すごーーい！！
速度までは知らなかった・・・( -_-)。 タグ表のようなものをプリントアウトしたけれど、 そんなものは書いてなかった！！ コレで色々作ってみよう～・・・でも、 ちょ～っと忙しいから、手が空いたら(*^.^*) 自分でＨＰ作れば色々できるんですよね～。 お友達で、書き込みすると家が建って、 カキコすればするほど家が豪邸になるっていうの、 やってる人がいるんですよ～。 面白そうだなぁと思うんですけど・・・。 私のＰＣのＨＰ Ｎｉｎｊａで作ったら、 そういうの出来るんですかね～(^_^;) でも作っても誰も読んでくれないかも( -_-) (2005年02月16日 10時20分15秒)
ルナママさんの日記が動いてたのはこれですね～！
スクロールされてる日記って、たまにじれったいのもありますが。 スピード変えられるならいいですね。 (2005年02月16日 10時32分51秒)
こんにちはぁ（*^_^*）
マーキーは IE限定なんですか？ タグ辞典を一応（笑）持ってはいるのですが 難しくてよく判らない事ばかりで～(~_~;) そう言えばネスケで見た時とIEで見た時の違いがあるのが結構ありますね！ マーキーもそうだとは知りませんでした。 (2005年02月16日 12時12分15秒)
コロンちゃんは、俺様系ですね...。
家の猫は、もうそろそろ、マーキングが始まるのでは...という時期に入ってきました。戦々恐々の毎日です。 (2005年02月16日 13時04分47秒)
後からゆっくりとスクロールするとは知らずに
一番最初の早い奴を 一生懸命 読んでました(^^; 目が廻るかと思っちゃいました(@_@) フルバージョンのにゃんタグ・ミニは 村民割引はないんですか～(^o^) でも、きっと 売れるよ～！ もしかして番付のっちゃったりして・・？(^^ゞ (2005年02月16日 16時38分41秒)
＞＞縦スクロールが出来たのかにゃ？
＞(^O^)／ ＞ でね！ 下線の消したリンクも出来たぁ～ょ☆彡 ＞トドさん、ありがと～♪ (*^^)v うむ。 良くできました。 花丸あげます！ (2005年02月16日 16時46分43秒)
＞そうやって効果を計算しての使用ならウザくない！
＞･･･てゆーか、テーブルの線に色をつけるのが勉強になりました(^-^;) にゃはは。 タグとハサミは使いよう．．． ＞コロンちゃん･･･タヌキみたいでかわいい(=^-^=) タヌキじゃないじょ～！！！ by Colon (2005年02月16日 16時48分00秒)
＞スクロールするとイメージ変わりますね！
＞日記以外でも使えそう。 日記の本文は、やめておいた方が良さそうです。 読みづらくなるから。 あくまでアクセントとして使うのが効果的です。 (2005年02月16日 16時48分59秒)
＞でもおかげさまでHTMLタグのことなどが、初めのころに比べると随分わかるようになりました。
良かったですね！ あせることはありません。 ゆっくりでいいのです。 (2005年02月16日 16時50分52秒)
＞そうですか～。ヤマトはお台場でデートスポットになってしまったのですか～(^^)
＞面白かったので、これコピーさせてくださいね、村長・ ＞・・じゃなかった、艦長。 さては、あまり読んでないな？ ここのページの冒頭です。 ↓ http://plaza.rakuten.co.jp/nyancolon/diary/200411190000/ (2005年02月16日 16時52分46秒)
＞…で､昨日のコロンちゃんの顔が縦横斜めに飛び回るのは
＞どうやるの？ ＞あれ、おもしろそうだからやってみたいな｡｡｡(^_^) おもしろいかもしれないけど、ほとんど役に立たないんですよね～。 考えておきます。 ＞今日のコロンちゃんのアップ｡｡｡かーわいい～！！！ ＞見入ってしまったわ｡｡｡(*^^*) そのうち、魅入られます。 (2005年02月16日 16時54分12秒)
＞速度までは知らなかった・・・( -_-)。
にゃはは、速度が調節できないと、使い物にならないでしょ？ ＞自分でＨＰ作れば色々できるんですよね～。 自分のホームページスペースを持っていれば 色々出来ますが、ブログほど簡単ではありません。 (2005年02月16日 16時56分02秒)
＞スクロールされてる日記って、たまにじれったいのもありますが。
＞スピード変えられるならいいですね。 にゃはは、人によって読むスピードが違うので、 一概には言えません。 はたしてどの速度が適当かは難しい問題です。 (2005年02月16日 16時57分12秒)
＞ コロンちゃんは、俺様系ですね...。
いえ、仙人系です．．．（笑） ＞ 家の猫は、もうそろそろ、マーキングが始まるのでは...という時期に入ってきました。戦々恐々の毎日です。 やばい．．． (2005年02月16日 16時59分44秒)
＞後からゆっくりとスクロールするとは知らずに
＞一番最初の早い奴を 一生懸命 読んでました(^^; ＞目が廻るかと思っちゃいました(@_@) にゃっはっは！ そんな不親切なことはしませんよ、バカネコ講座ですもん。 ＞フルバージョンのにゃんタグ・ミニは 村民割引はないんですか～(^o^) そうですねぇ、バカネコ村とか、にゃんタグ・ミニのページから、 トドあてに、ファンレターくれた人には考えます。 ただし、コロンあてのファンレターは無効です（笑） ↑ ペットと、はりあってる飼い主！ (2005年02月16日 17時08分56秒)
コロンちゃんの瞳、綺麗ですね。
吸い込まれそう～ うお～～っ！ こんなに凄いものができるのね！しかも、わが手にできるとは･･･っ！ うぅ。。嬉しいわん。 早速メモ帳にコピーをして、my参考書に書き込みました(^0^) 後ほど、ゆっくり解読してみます。 私には、古文書のようねっ トドさんはすごいなー しかも、あんぽんたんにも優しいし。。 いつもありがとうございますっ 「にゃんタグ･フルバージョン」楽しみにしています。 get!しますわん。 (2005年02月16日 20時33分45秒)
＞うお～～っ！
＞こんなに凄いものができるのね！しかも、わが手にできるとは･･･っ！ ＞うぅ。。嬉しいわん。 あらら、感激しちゃってますね。 ＞早速メモ帳にコピーをして、my参考書に書き込みました(^0^) ＞後ほど、ゆっくり解読してみます。 ＞私には、古文書のようねっ 気分はシュリーマン？ ＞トドさんはすごいなー しかも、あんぽんたんにも優しいし。。 ＞いつもありがとうございますっ ＞「にゃんタグ･フルバージョン」楽しみにしています。 ＞get!しますわん。 公開も、もうすぐですよん。 (2005年02月16日 20時41分36秒)
確かに、雰囲気出すのにはイイですよね～。マーキー。
速さや方向を色々変えて遊んでみたら、面白かったです(^O^)♪ いよいよ本登録ですか～。スゴイなぁ～。 とても、コロンちゃんに下僕としてお仕えしてるとは思えないっ！！（爆） フルバージョン、早く見たいにゃ～。 ふふふ・・おとぼけ顔のコロンちゃんもまた、可愛いにゃ（*∩∩*） (2005年02月16日 21時11分05秒)
＞速さや方向を色々変えて遊んでみたら、面白かったです(^O^)♪
にゃはは。 動くから、なおさらですよね。 ＞いよいよ本登録ですか～。スゴイなぁ～。 ＞とても、コロンちゃんに下僕としてお仕えしてるとは思えないっ！！（爆） ＞フルバージョン、早く見たいにゃ～。 もうすぐ、もうすぐ！ (2005年02月16日 21時59分05秒)
＞こんなことできちゃうんですね
＞すごいです＾＾！ ＞使ってみたいな～ にゃはは。 どんどん使って下さい。 ＞寄せてもらって よかったです ＞ありがと～ぅ いえ、どういたしまして。こちらこそ。 (2005年02月16日 23時13分49秒)
こんばんは～。
縦にスクロール!! 凄い～～～～！ 今度やってみたいです！ コロンちゃん、本当にきょとんって顔ですね。 可愛いわ～。 後になっちゃいましたが、元Coral-Pinkです。 ハンドルネーム替えてみました。 今後ともよろしくお願い申し上げます。 こんなワタクシですが、ニャンコ村の村民です。 エヘっ(///ω///)ゞ (2005年02月16日 23時43分50秒)
コロンちゃんのお目目はブルーで精悍なお顔をされていらしゃる。
ネコ爆弾は相変わらず続いておられるのでしょうか。 楽天フリマもうちょっとですね。価格はいくらぐらいを検討されていらしゃるのでしょうか。 (2005年02月16日 23時45分16秒)
こんにちは。
珍しいもの好きな私はこれ頂きました。 早速使わせて頂いております(^o^) コロンちゃんきょとんとしてどーしたの？ かわいいです。 (2005年02月17日 13時29分08秒)
ふふふっ♪ようやく自分時間♪なんてね☆
＞改造されたり、アイデアを盗まれたりするのはイヤなので、是非やめてね。 はぁーい！聞き分けのいいkimiちんでつ（当たり前だろ・・・） それにしても縦スクロール！おもしろいですぅ～！ 今にも宇宙戦艦バーニャンがでてきそうです！！ (2005年02月17日 14時09分35秒) |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
早速～♪ (#^.^#)
