HTMLでテロップを作る [コンピューター]
先日の「 ブログに「テロップ」を流してみよう 」でサイトを使ったテロップの作り方をご紹介しましたが、ご自分で作りたいという方のために作成例とHTMLタグをご紹介します
バリュエーションはいろいろありますが、3つだけ作例としてやってみたいと思います
テロップ その1(右から左)
テロップ その2(左から右)
使い方は一度「切り取り」そして「貼り付け」して使ってみてください
あとは太字のところに入れたい文字を入力して出来上がりです
もっといろいろ変えて使ってみたいと言う方はHTMLタグをよく見ると作り方がわかると思います
・「右から」と「左から」の違いは「left」と「right」の違いです
・色の設定は「#○○○○・・・」で設定されています
>>サイトは「Coler Chart」を参照していただければ簡単ですよ
・文字のサイズは「size="○”」で設定できます
さらに凝った作りになりますが・・・
テロップ その3(左右往復)
どうですか?
結構楽しく使えますねぇ
特に「テロップ その3」などは注目度はバツグンだと思います
しかし、今まで使ってこなかったけれどこれからもっと活用しなくちゃいけないですねぇ
反省です。。。
バリュエーションはいろいろありますが、3つだけ作例としてやってみたいと思います
テロップ その1(右から左)
<marquee bgcolor="#FFFFFF" direction="left"><font color="#FF0000" size="3">テロップ その1(右から左)</font></marquee>
テロップ その2(左から右)
<marquee bgcolor="#008000" direction="right"><font color="#FFFFFF" size="3">テロップ その2(左から右)</font></marquee>
使い方は一度「切り取り」そして「貼り付け」して使ってみてください
あとは太字のところに入れたい文字を入力して出来上がりです
もっといろいろ変えて使ってみたいと言う方はHTMLタグをよく見ると作り方がわかると思います
・「右から」と「左から」の違いは「left」と「right」の違いです
・色の設定は「#○○○○・・・」で設定されています
>>サイトは「Coler Chart」を参照していただければ簡単ですよ
・文字のサイズは「size="○”」で設定できます
さらに凝った作りになりますが・・・
テロップ その3(左右往復)
<marquee bgcolor="#FF0000" behavior="alternate"><font color="#FFFFFF" size="3">テロップ その3(左右往復)</font></marquee>
どうですか?
結構楽しく使えますねぇ
特に「テロップ その3」などは注目度はバツグンだと思います
しかし、今まで使ってこなかったけれどこれからもっと活用しなくちゃいけないですねぇ
反省です。。。
Tポイントが貯まる! | |
タグ使うと 色々楽しいんよね ( ̄ー ̄)ニヤリ
パーツにばかり頼らなくても 出来ること多いよ
上から下に テロップが流れて消えていくポエムな~んてのも
作れたりね
(〟-_・)ン?
えらそうに? はい htmlは 使ってるけど 覚えてません((爆)) 良く使うのはデスクトップのメモ帳で 保存してるの
画像をサムネイル表示して 別ページで開くとかさ 便利やん
by 亜矢 (2009-03-15 06:30)
な~るほど!w(*゚o゚*)w
色だけはちょろっと変えてみたんですが・・・
もっとタグの勉強しなきゃ orz
また参考にさせてくださいね~。
by なみへい (2009-03-15 08:55)
うちに帰ってから実験してみる
行ったり来たりのテロップがおもろいわぁ
by ちー (2009-03-15 09:05)
亜矢さんへ
かなりいろいろ使いこなせるようですねぇ
そのデスクトップのメモ帳いただけないかなぁ
と思ってますけどいかがです?
by saimon (2009-03-17 23:16)
なみへいさんへ
タグは使いこなしてみたいですよ~
でも面倒くさがりの自分は滅多に使わないけれどね
テンプレートでも作って使ってみようと思ったりしてます
by saimon (2009-03-17 23:18)
ちーさんへ
実験結果はどうでしたかぁ~
行ったり来たりのテロップは使えそうですね
by saimon (2009-03-17 23:20)
saimonさん すごいわぁ~
いい!
これ 好き~
サイズと色変えて遊んでみようっと
ありがとう
by ちー (2009-03-18 21:36)
http://heo.jp/tag/
ここで コピペしてくるだけやん ((自爆
by 亜矢 (2009-03-19 09:45)
ちーさんへ
喜んで貰えてウレシイですよ~
早速使ってますねぇ
ナイスです!
by saimon (2009-03-24 00:54)
亜矢さんへ
サンクスです!
ほぇ~素晴らしいサイト知ってますね
早速お気に入りに追加しましたぁ
by saimon (2009-03-24 00:56)
初めまして マーキータグですが.他のブログでは.バッチリ文字が流れるんだけど ソネットブログでは 出来ないんですよ タグのこと ぜ~んぜ~ん分からないので コピペしても出来ない
ちょっと 困ってます。
by taka0727 (2009-04-22 21:24)
taka0727さんへ
ご訪問コメントありがとうございます
マーキータグって言葉知っているんですね
ブログによって使えるタグ、使えないタグって確かにあるようですね
ボクもいろいろ試しながら使ってますので確かなことはアドバイスはできませんので、もうやってみて、検証してみるとしか言えません
お役に立てなくて申し訳ありません
by saimon (2009-04-24 09:02)
お世話になります。とても良い記事ですね。
by ルイヴィトン 財布 (2013-07-07 10:08)