スクロール文字をBloggerに入れた時、気になるのはスクロール枠内の背景色。これを解決してくれるのが背景色の透明化なのですが、スクロール文字が入ったhtmlとBloggerに挿入する時のインラインフレームの両方を透明にしてやる必要があります。
（１）マーキー（スクロール文字）のhtml
<body>タグに次のようなスタイルを設定します。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title></title>
</head>
<body style="background-color:transparent;">
<p><span style＝"font-size:21px;color:#3333ff;"><marquee width="400" height="30">
北海道の開花情報にようこそ。このブログへの投稿は承認を得た人だけ、コメントの投稿はGoogleアカウントを持っているだけができます。</marquee></span>
</p>
</body>
</html>
（２）Bloggerのインラインフレーム例
マーキーが入ったhtmlファイルをBloggerに挿入すには<iframe>を使用しますが、その時マーキーの背景色が白くなってブログの背景色と合わない場合があります。そんな時は<iframe>で背景を透明にします
<iframe frameborder="0" marginheight="0" marginwidth="0" height="40" src="http://www13.net/blogger/marque.html" scrolling="no" width="240" allowtransparency="true"></iframe>
これだと、IEは文字色、文字サイズもOK、FireFoxだとスクロール文字だけがOKでした。
この方法で入れて見たのが「北海道の開花情報」です。
※関連サイト：
●スクロール文字（マーキー）作成ツール
●インラインフレーム作成ツール
スクロール文字と背景の透明
2008/09/12
登録:
コメントの投稿 (Atom)
0 コメント:
コメントを投稿