電光掲示板の文字配置について

電光掲示板の文字配置について


電光掲示板のメッセージって

誰でも足を止めてでも見入ってしまいますよね。

文字が横や縦に流れているから
否応にも目につき、
目を離してしまうと
何のメッセージだかわからなくなってしまう。

そんなメッセージの設置を
あなたのサイトやブログに設置しませんか?


今回は
私が本ブログでご紹介している
電光掲示板について
質問をいただきましたのでシェアしますね。



あ、それとコレを言わなきゃいけない。


お問い合わせいただいた吉岡さんへ

回答をメールで返信しましたが
Server の Delivery Failure が返ってきてしまい
メールでお届けすることができません。

本ブログに載せるしかありませんので
こちらからご確認ください。




「文字と内枠の距離が均等になりません。」

【吉岡さんからのご質問】


■メルマガやブログ、HPへの引用可否: 引用可(苗字)
■お問い合わせ概要: 質問
■質問内容:

こんにちは吉岡と言います。


さっそくマナガツオさんのサイトにある
電光掲示板を自分のサイトに設置したのですが、
文字と内枠の距離が均等になりません。

文字の上部と内枠の間隔が広くなってしまっています。
padding: 1pxに設定した状態です。


何が原因なのか分かりません。

忙しい所申し訳ございませんが、ご教示お願いします。

設置したサイトはこちらになります。

http://www.compassionatemall.com/


「電光掲示板のメッセージに改行は不要です。」

【マナガツオからの回答】



吉岡さん

こんにちは。 マナガツオです。(^ ^)


お問い合わせいただき、ありがとうございます。
また、私のPCの調子が悪く、お返事が遅くなってしまい
申し訳ありません。


吉岡さんのサイトのHTMLソースを確認させていただきました。


@ <div style="color: #ffff00; background-color: #000000; width: 350px; padding:1px; border: solid 4px;
   border-color:#999999 #999999 #999999 #999999">


A <p><marquee scrolldelay="150" scrollamount="5" width="350"><br />   辛い膝の痛み、腰の痛みを
   和らげてくれます!</p>

B </marquee>

C </div


以下を試してみてください。


◆ 文字の上部と内枠の間隔が広くなっているのは、
  Aの構文の中、メッセージ文の前に改行の <br /> があるためです。
  <br /> は削除してください。

◆ また、段落付けの<p> と </p> もこの場合は不要ですので、削除してください。

◆ Cのタグのお尻に > をつけてください。


これで修正されると思います。


また、@で設定している padding ですが、
1px ですと見た感じ、窮屈に見えるので
もう少し大きめの数値にして
文字と枠の間に少し空間を持たせた方がよいかと思います。
4px くらいがいいでしょうか。


以上です。

もし、まだ何か不具合がありましたら、ご連絡ください。

今後ともよろしくお願いします。


マナガツオ




電光掲示板がどのような仕組みで作られているか・・・
こちらからご確認ください。
カンタンですよ ^ ^

          ↓ ↓ ↓

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




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

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

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

関連ページ

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

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