地図上のアイコンをクリックした時、説明文や画像がでますが、文の長さによっては枠幅が広くなりすぎたりします。これを避けるにはスタイルで幅を指定すると一定の幅になります。
（例）
＜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だとわかります。
では実際に計測して見ると
一致していますね。
2007年3月12日月曜日
FLASHの挿入方法
Bloggerの中にFLASHを入れるときの手順です。
（1）FLASH素材のダウンロード、解凍
（2）フォルダー内のhtmlを開く
（3）ソースを表示（メモ帳が起動）
（4）FLASHのサイズをブログ挿入場所のサイズに合わせる（通常は４箇所あり）
Bloggerのサイド幅はwidth="200"位が最大値ですが、それぞれのテンプレートによって異なるので要確認。
（5）変更が終わったら「名前を付けて保存」を選択
（6）ファイルの種類を「すべてのファイル」にする
（7）ファイル名を決める（例：welcome.htm）
（8）FTPでhtmlファイルとswfファイルをアップロード
（9）Bloggerに入れるタグの準備
＜iframe src="http://owlnet.jp/blogger/welcome.htm" width="200" marginwidth="0" height="135" marginheight="0" align="middle" scrolling="no" frameborder="0"＞＜/iframe＞
※赤字の部分は実際のアドレス（URL）やサイズによって違います。
※ここでは＜ ＞に全角を使っていますが、実際は半角で書いて下さい。
（10）Bloggerのレイアウト画面で「ページ要素を追加」をクリック
（11）「HTML/JavaScript」をクリック
（12）先に作成したタグをコピペする。
なお本文の中に入れたい場合は投稿の「HTMLの編集」画面でタグをコピペします。
（1）FLASH素材のダウンロード、解凍
（2）フォルダー内のhtmlを開く
（3）ソースを表示（メモ帳が起動）
（4）FLASHのサイズをブログ挿入場所のサイズに合わせる（通常は４箇所あり）
Bloggerのサイド幅はwidth="200"位が最大値ですが、それぞれのテンプレートによって異なるので要確認。
（5）変更が終わったら「名前を付けて保存」を選択
（6）ファイルの種類を「すべてのファイル」にする
（7）ファイル名を決める（例：welcome.htm）
（8）FTPでhtmlファイルとswfファイルをアップロード
（9）Bloggerに入れるタグの準備
＜iframe src="http://owlnet.jp/blogger/welcome.htm" width="200" marginwidth="0" height="135" marginheight="0" align="middle" scrolling="no" frameborder="0"＞＜/iframe＞
※赤字の部分は実際のアドレス（URL）やサイズによって違います。
※ここでは＜ ＞に全角を使っていますが、実際は半角で書いて下さい。
（10）Bloggerのレイアウト画面で「ページ要素を追加」をクリック
（11）「HTML/JavaScript」をクリック
（12）先に作成したタグをコピペする。
なお本文の中に入れたい場合は投稿の「HTMLの編集」画面でタグをコピペします。
2007年3月9日金曜日
コメントの時に出る車椅子マーク
絵文字入力欄の右側に出る「車椅子」マークは何ですか？
（回答）
目の不自由な方に音声で知らせる機能です。
何て言っているかはスピーカーをONにすると確認できます。
なおこの絵文字は管理者がログインしている時は出ません。
（回答）
目の不自由な方に音声で知らせる機能です。
何て言っているかはスピーカーをONにすると確認できます。
なおこの絵文字は管理者がログインしている時は出ません。
2007年3月1日木曜日
サイト収入
ブログから収入を得るにはどうしたらいいですか。
（回答）
ブログやホームページがお金に変わる時代になって来ました。誰でも収入を得るチャンスはあるのですが、現実には非常に厳しい世界です。その実例を右サイドバーに示しておきましたので参考にして下さい。
方法としては
（1）Amazon,ValueCommerce,A8ネットなどの大手アフィリエイトプログラムに登録
（2）Googleなどのコンテンツ連動型広告サイトに登録
（3）個々の会社、サイトが提供するアフィリエイトプログラムに登録
（4）自分でネットショッピングを開設して運営
（a）オンラインショッピング専門のレンタルサーバーと契約
（b）プロバイダーやレンタルサーバーに付属するショッピングカートを利用
（c）レンタルサーバーにショッピングカートCGIを設置
（5）アンケート・懸賞などのポイント
などが挙げられます。
（回答）
ブログやホームページがお金に変わる時代になって来ました。誰でも収入を得るチャンスはあるのですが、現実には非常に厳しい世界です。その実例を右サイドバーに示しておきましたので参考にして下さい。
方法としては
（1）Amazon,ValueCommerce,A8ネットなどの大手アフィリエイトプログラムに登録
（2）Googleなどのコンテンツ連動型広告サイトに登録
（3）個々の会社、サイトが提供するアフィリエイトプログラムに登録
（4）自分でネットショッピングを開設して運営
（a）オンラインショッピング専門のレンタルサーバーと契約
（b）プロバイダーやレンタルサーバーに付属するショッピングカートを利用
（c）レンタルサーバーにショッピングカートCGIを設置
（5）アンケート・懸賞などのポイント
などが挙げられます。
2007年2月25日日曜日
投稿ページにFLASH
投稿ページにFLASHを入れたいがどうしたらいいでしょうか。
＜回答＞
Bloggerは残念ながらFLASHの挿入ができません。でも今まで学習した事を応用するとできます。
ヒントはインラインフレーム、先ずはご自分でトライして見て下さい。
なお上のFLASHは全て無料のサービスを利用して作成しています。４月以降の授業ではこんな事も取り上げます。
＜回答＞
Bloggerは残念ながらFLASHの挿入ができません。でも今まで学習した事を応用するとできます。
ヒントはインラインフレーム、先ずはご自分でトライして見て下さい。
なお上のFLASHは全て無料のサービスを利用して作成しています。４月以降の授業ではこんな事も取り上げます。
2007年2月22日木曜日
旧Bloggerからのアップグレード
旧Bloggerから自動で新Bloggerにアップグレードが出来るようになったと聞きましたが…
（回答）
旧Bloggerから新Bloggerにアップグレードできるようになりました。
新Bloggerとして使いたい人は旧Bloggerからログインし、その指示に従ってください。
（「□利用規定に同意します。」の□にチェックを入れて続行してください。）
（回答）
旧Bloggerから新Bloggerにアップグレードできるようになりました。
新Bloggerとして使いたい人は旧Bloggerからログインし、その指示に従ってください。
（「□利用規定に同意します。」の□にチェックを入れて続行してください。）
2007年2月16日金曜日
Thunderbirdのメール設定
プロバイダーから貰った書類でメール設定をやって見ましたがどうも良く分かりません。 自動で出来る方法はないのでしょうか。
（回答）
（1）Thunderbirdで「ツール／アドレス帳」を選択
（2）「ツール／インポート」を選択
（3）「設定」を選択
（4）インポートしたいメールソフトを選択
その他、メールアドレスや受信メールボックスもインポート可能です。
（回答）
（1）Thunderbirdで「ツール／アドレス帳」を選択
（2）「ツール／インポート」を選択
（3）「設定」を選択
（4）インポートしたいメールソフトを選択
その他、メールアドレスや受信メールボックスもインポート可能です。
2007年2月5日月曜日
登録してあるブログの削除
誤ってアカウント配下のフォルダ（ブログ）を削除してしまいました。そこで再登録をしようとすると次のメッセージが出て来て登録できません。どうしたら良いでしょう。
（回答）
正式な手順を踏まないでフォルダを削除した場合は登録情報が生きているので再登録ができません。その対処法は
・ごみ箱に削除したフォルダがまだ残っている場合は元に戻す。
または
・「ツール／アカウント設定／アカウントを追加」より新規に作り直す。
この場合
（a）削除したものだけを追加
（b）削除したものに加えてこのアカウント内に入れたい全てのブログを再設定する
の二通りがあります。
（b）の場合はブログがだぶってしまうので、前に設定したものの削除が必要です。
（3）ブログの削除方法
（a）「購読の管理」を選択
（b）「RSSフィードの購読」で削除したいブログを選択
（c）「削除」をクリック
（4）アカウントの削除
（a）「ツール／アカウント設定」
（b）削除したいアカウントを選択
（c）「アカウントを削除」をクリック
（回答）
正式な手順を踏まないでフォルダを削除した場合は登録情報が生きているので再登録ができません。その対処法は
・ごみ箱に削除したフォルダがまだ残っている場合は元に戻す。
または
・「ツール／アカウント設定／アカウントを追加」より新規に作り直す。
この場合
（a）削除したものだけを追加
（b）削除したものに加えてこのアカウント内に入れたい全てのブログを再設定する
の二通りがあります。
（b）の場合はブログがだぶってしまうので、前に設定したものの削除が必要です。
（3）ブログの削除方法
（a）「購読の管理」を選択
（b）「RSSフィードの購読」で削除したいブログを選択
（c）「削除」をクリック
（4）アカウントの削除
（a）「ツール／アカウント設定」
（b）削除したいアカウントを選択
（c）「アカウントを削除」をクリック
2007年1月21日日曜日
ブログ招待状の文字化け
Bloggerからのブログ投稿招待状をOutlookExpress6で受け取ると文字化けが起きます。文字化けの特徴は英語・漢字・半角カタカナ混じりとなります。こう言った場合はエンコード設定で対処します。
下図は「表示／エンコード」でunicode(UTF-8)にした場合。
その代わり、「件名」が文字化けしています。これがThunderBirdだとこの現象は起きません。
下図は「表示／エンコード」でunicode(UTF-8)にした場合。
その代わり、「件名」が文字化けしています。これがThunderBirdだとこの現象は起きません。
2007年1月15日月曜日
2007年1月13日土曜日
2007年1月12日金曜日
新Bloggerに移動したい
サンプル質問
旧Bloggerの内容を新Bloggerに移したいと思い、トライしています。文字はコピペするとして画像はどのようにしてやればいいのでしょうか。
＜回答＞
（1）旧ブログ内の画像をクリック
（2）画像のアドレスをコピー
（3）新ブログ内で「画像を追加」をクリック
（4）ウェブから画像を追加のURL欄にアドレスを貼り付け
（5）画像の移動は「HTMLの編集」で該当タグを「切り取り／貼り付け」
旧Bloggerの内容を新Bloggerに移したいと思い、トライしています。文字はコピペするとして画像はどのようにしてやればいいのでしょうか。
＜回答＞
（1）旧ブログ内の画像をクリック
（2）画像のアドレスをコピー
（3）新ブログ内で「画像を追加」をクリック
（4）ウェブから画像を追加のURL欄にアドレスを貼り付け
（5）画像の移動は「HTMLの編集」で該当タグを「切り取り／貼り付け」
