電光掲示板 - 流れるメッセージをあなたのサイトに -

電光掲示板 - 流れるメッセージをあなたのサイトに -

 

あなたのブログやホームページに

 

これは見逃してほしくない!という大事なメッセージ、

 

きっとあると思います。

 

 

そのようなメッセージは、
強調して書いていると思いますが、どのようにして目立つようにしていますか?

 

 

文字サイズの拡大や蛍光ペン、マーク・目印をつけたり、
様々な表現方法がありますが、こんな載せ方はいかがでしょう。

 

 

電光掲示板タイプです。

 

 

こちら の私のサイトに設置してみました。

 

 

どうでしょうかぁ。

 

黒地に黄色のテキストが右から左に流れているので、嫌でも目がいってしまいますよね。

 

 

 

このように、テキストをサイト上で動かすための HTML タグは

 

marquee というものを使います。

 

こちらが、電光掲示板のように、テキストを右から左に流すHTML構文です。

 

<div style="color: #ffff00; background-color: #000000; width: 633px; padding: 6px; border: solid 4px; border-color:#999999 #999999 #999999 #999999">
<marquee scrolldelay="150" scrollamount="5" width="633">
   メッセージ・テキスト
</marquee>
</div>

 

 

赤いタグの意味は、

 

color: カラーコード ・・・・・・・・・・・・・・・・ 動く文字の色
background: カラーコード  ・・・・・・・・・・ 掲示板の背景色  
width: ○○○px ・・・・・・・・・・・・・・・・・・ 掲示板の長さ
padding: ○px ・・・・・・・・・・・・・・・・・・・・ 文字と内枠との間隔
border: solid○ px  ・・・・・・・・・・・・・・・・ 内枠、外枠(二重枠)の間隔
border-color: カラーコード(A) カラーコード(B) カラーコード(C) カラーコード(D)  ・・・ 二重枠の色

 

 

 

   4箇所すべて灰色

 

 

 

青いタグの意味は、

 

scrolldelay=   ・・・・・・ 動くスピード。 値が大きいと遅く、値が小さいと速くなる。
scrollamount=  ・・・・・・ 動く距離。 値が大きいと速く到達しようとし、値が小さいと遅くなる。
width=   ・・・・・・・・・・ 動くエリアの幅。

 

 

 

動かすテキストにリンクを張ることもできます

 

通常どおり、シリウスでは、テキストをマークして、リンク挿入アイコン ↓ を押すだけです。

 

   

 

 

 

 

この marquee というHTMLタグは、面白いタグです。

 

テキストを絶えず動かし続けるタグなのですが、

 

電光掲示板のようにテキストをに流すだけでなく、
方向に動かしたり、点滅させたりすることもできます。

 

 

そのような仕掛け方もこれからお伝えしていきますね。

 

 

 

あっ、こちらの魅せ方も Good ですよ

 

         ↓ ↓ ↓

 

スクロールBOXの設置で最新情報一発確認

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

電光掲示板の文字配置について
電光掲示板のメッセージって、誰でも足を止めてでも見入ってしまいますよね。文字が横や縦に流れているから否応にも目につき、目を離してしまうと何のメッセージだかわからなくなってしまう。そんなメッセージの設置をあなたのサイトやブログに設置しませんか?
HTML構文をそのまま記事として載せるためには・・・
HTML構文をブログやメルマガ上で紹介している人なんて、まずいませんが、もし、紹介する場合、構文をそのまま書いてもサイトに反映されるのはHTMLの結果であり、構文が反映されるわけではありません。では、どうすればHTMLの構文をそのままサイトに出すことができるのか? それは < > だけをいじくればOK。 その方法とは・・・
点滅 - イヤでも人の目を奪う文字装飾 -
チカチカ・・・・ピコンピコン・・・・ウルトラマンのカラータイマーじゃありませんが、「点滅」って、どうしても目がいってしまいますよね。あなたのブログやホームページで「点滅」させてみたい!というメッセージがあったら、ここでご紹介する仕掛けを試してみてください。
ブログに貼ったリンクをピョコピョコ動かす方法
ネットサーフィンして、いろいろなサイトを見ていると ありますよね。文字や画像がピョコピョコっと動くやつ。マウスのカーソルを合わせたときにです。それはリンクなんですが、動いたりすると、ついついクリックしたくなりますよね。 その仕掛けをご紹介します。
文章の背景枠を設置する - 縦・横サイズ 自由自在 -
ブログの記事を書いていて、ある文章のひとかたまりを枠で囲いたい時があります。これをシリウスで行なうと横幅が目一杯固定されて設置されます。中身の文章が短いと右側に結構なスペースができてしまいます。でも必要な部分だけ枠付けする方法があるんです。コチラから。
サイトの内窓、外窓って何?
ブログやホームページを閲覧中、そこに貼り付いているリンクをクリック。そして、そのリンクの画面を見終わったから 閉じようとXボタンをクリック。そのとき 「あっ!」 それまで見ていたブログ、ホームページまで閉じちゃったぁ〜という経験ないですか?ありますよね? そうならない手があるんです。こちらを。 こんな経験ないですか?
改行したのに改行してくれない理由
「あれ?改行したのに何で改行されてないの?」 テキスト入力エリアに文章を打ち込んだときにそう思ったことありませんか? その理由は、そこの入力エリアがHTML構文モードになっているからなんです。 え!?あのゴチャゴチャした記号と英字をいれなきゃいけないってこと? いや大丈夫です。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ