ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - 表と流れる文字をあわせる

表と流れる文字をあわせる

表と流れる文字をあわせるとまた違った物ができます。単体でも十分良いのですが、組み合わせることによって、長くて表にはおさまらなかった文章などが作れて、自動で流れてくれるので見ている人の手を煩わせる事もありません。

電光掲示板風

ようこそ!初心者でもできる簡単FC2ブログの作り方へ。ごゆっくりしていって下さい。

<table border="3" bordercolor="#0000FF" 
bgcolor="#6699ff">
<tr><td bgcolor="#ccffff" align="center"
width="420" height="30">
<!--動く文字始まり-->
<marquee width="400" height="20" direction="left" 
scrollamount=5  bgcolor="#ffffff">
<font size=3>
ようこそ!初心者でもできる簡単FC2ブログの作り方へ。
ごゆっくりしていって下さい。
</font>
</marquee>
<!--動く文字終わり-->
</td></tr></table>

看板みたいなテーブルと流れる文字を組み合わせれば、この様な電光掲示板みたいな物が作れます。
テーブルタグの文字を入力する<td>~</td>の間に、流れる文字を作るmarqueeタグを入れれば簡単にできてしまいます。

表で飾る

こんにちは
ハロー
アッサラーム アライクム
ナマステー
アン ニョン ハシムニカ
サワッディー
ニーハオ
メルハバ
ボン ジョルノ
グーデン ターク
フーイエミダッハ
ブエナス タルデス
ボンジュール
ボア タルデ
グーダー
カリメーラ
ジャンボ ハバーリー
ズドラーストビイチェ

<table bgcolor="#222222" cellspacing="1" 
width="150" height="100"align="center">
<tr height="3"><td bgcolor="#ff77ff"></td></tr>
<tr height="3"><td bgcolor="#ff99ff"></td></tr>
<tr height="3"><td bgcolor="#ffbbff"></td></tr>
<tr height="3"><td bgcolor="#ffddff"></td></tr>
<tr>
<td bgcolor="#ffffff">
<!--動く文字始まり-->
<marquee width="140" height="90" direction="up" 
scrollamount=2>
<center><font size=2>
こんにちは<br>
ここに文字を書く
</font></center>
</marquee>
<!--動く文字終わり-->
</td></tr>
<tr height="3"><td bgcolor="#ffddff"></td></tr>
<tr height="3"><td bgcolor="#ffbbff"></td></tr>
<tr height="3"><td bgcolor="#ff99ff"></td></tr>
<tr height="3"><td bgcolor="#ff77ff"></td></tr>
</table>

四角いテーブルと下から上へ流れる文字で、何かお知らせしたい事などに使うと良いかも知れません。

表の中のデザインも流す

・‥…・・・★★★
ありがとう
サンキュー
タックフィーリル
スパシーバ
ダシャコール
ショクラン
グラシィアス
フヴァラ
オブリガード
グラーツィエ
ウラコゼ
トゥリマカシ
アサンテ
ダンケシェーン
ダンク ウ ヴェル
メルシー
ジュルジュフ
カムサハムニダ
シィェシェ
キートス
トゥリマカシ
ムルツゥメスク
アチュ
バヤルララァ
★★★・・・‥…・

<table style="border:5px inset #333333" 
width=150 height="120"align="center">
<tr><td bgcolor="#484848">
<!--流れる文字始まり-->
<marquee direction="right" scrollamount=2>
<font color="#FFFF00">・‥…・・・★★★</font>
</marquee>
<!--流れる文字終わり-->
</td></tr><tr><td bgcolor="#999999">
<!--流れる文字始まり-->
<marquee width="140" height="110" direction="up" 
scrollamount=2>
<center><font color="#ffffff" size=2>
ありがとう<br>
ここに文字を書く
</font></center>
</marquee>
<!--流れる文字終わり-->
</td></tr><tr><td bgcolor="#484848">
<!--流れる文字始まり-->
<marquee direction="left" scrollamount=2>
<font color="#FFFF00">★★★・・・‥…・</font>
</marquee>
<!--流れる文字終わり-->
</td></tr></table>

中の文字だけではなくて、表の中に作ったデザインも一緒に動かす事ができます。いろいろできて面白いですよね。
ただこのタグを乱用するとページが見にくくなってしまうので、目立たせたい所だけで使うのが良いと思います。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
これも用法用量に注意です
http://rgrg.blog61.fc2.com/blog-entry-92.html の方で指摘したのと同じ理由で、これもお奨めできません。それどころか見づらさ度が増します。よっぽどでない限り使われない方がよいでしょう。
re;これも用法用量に注意です
最後に一言注意書きを加えさせていただきました。
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/93-5997668a   

Template Designed by DW99