地図上のアイコンをクリックした時、説明文や画像がでますが、文の長さによっては枠幅が広くなりすぎたりします。これを避けるにはスタイルで幅を指定すると一定の幅になります。
（例）
＜div style="width: 200px; padding-right: 10px;"＞ここに文書を入れる＜/div＞
padding-right 右のスペース
padding-left 左のスペース
padding-top 上のスペース
padding-bottom 下のスペース
2007年8月25日土曜日
Googleマップでのスタイル
2007年4月29日日曜日
スクロール文字と背景の透明
●マーキー（スクロール文字）のhtml
＜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側のインラインフレーム
＜iframe align="middle" 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
この方法で「北海道の開花情報」に入れて見ました。
＜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側のインラインフレーム
＜iframe align="middle" 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
この方法で「北海道の開花情報」に入れて見ました。
2007年4月27日金曜日
FLASHの背景を透明にするには？
背景色の一般的説明
＜PARAM NAME=wmode VALUE=window＞
Windows版のInternet Explorer 4.0以上で機能します。
次の３種類の指定ができます。EMBEDタグでは「wmode=window」となります。
「window」[標準]ページ上で専用の四角形の窓でムービーが表示されます。
「opaque」[不透明表示]ムービーの背後にあるものはすべて表示されなくなります。
「transparent」[透明表示]ページの背景がムービーの透明な部分を通して透けて見えるようになります。
省略すると「window」を指定したことと同じになります。
従って透明にするタグは
＜PARAM NAME=wmode VALUE=transparent＞
＜＞は全て半角にして使用
＜PARAM NAME=wmode VALUE=window＞
Windows版のInternet Explorer 4.0以上で機能します。
次の３種類の指定ができます。EMBEDタグでは「wmode=window」となります。
「window」[標準]ページ上で専用の四角形の窓でムービーが表示されます。
「opaque」[不透明表示]ムービーの背後にあるものはすべて表示されなくなります。
「transparent」[透明表示]ページの背景がムービーの透明な部分を通して透けて見えるようになります。
省略すると「window」を指定したことと同じになります。
従って透明にするタグは
＜PARAM NAME=wmode VALUE=transparent＞
＜＞は全て半角にして使用
2007年4月24日火曜日
インラインフレームの透明
インラインフレームで背景を透明にしたい時は赤字のタグを追加します。
＜iframe marginheight="0" marginwidth="0" src="http://www13.net/blogger/marque.html" allowtransparency="true" align="middle" frameborder="0" height="40" scrolling="no" width="240">＜/iframe＞
＜iframe marginheight="0" marginwidth="0" src="http://www13.net/blogger/marque.html" allowtransparency="true" align="middle" frameborder="0" height="40" scrolling="no" width="240">＜/iframe＞
2007年4月18日水曜日
サイドバーのサイズ
「テンプレート／HTMLの編集」で出来ます。
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
これからQ＆Aのサイズは240pixだとわかります。
では実際に計測して見ると
一致していますね。
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
これからQ＆Aのサイズは240pixだとわかります。
では実際に計測して見ると
一致していますね。