バルーンメッセージ作成機能の使い方
バルーンメッセージ作成機能とは
「バルーンメッセージ」という名称が正しいかどうかは横に置いておいて・・・ (／^^)／
文字や画像の上にポインターを乗せるとポップアップで文字が表示されるページを目にしますが、その Javascript を作成する機能です。
実例を示すと下記の「ここ」という文字の上にポインター（マウス）を載せてみてください。
作成方法は「チュートリアル（メッセージ編）」をご覧下さい。
文字の代わりに画像にすることもできます。
さらにバルーンメッセージないにタブを付けて切り替えることもできます。
そうです！！
ソーシャルブックマークやRSSリーダー登録ボタンをまとめて表示することができます。
作成方法は「チュートリアル（ソーシャルブックマーク編）」をご覧下さい。
文字や画像の上にポインターを乗せるとポップアップで文字が表示されるページを目にしますが、その Javascript を作成する機能です。
実例を示すと下記の「ここ」という文字の上にポインター（マウス）を載せてみてください。
「
」
バルーンメッセージが表示されます。リンクも画像も表示することができます。作成方法は「チュートリアル（メッセージ編）」をご覧下さい。
文字の代わりに画像にすることもできます。
さらにバルーンメッセージないにタブを付けて切り替えることもできます。
ソーシャルブックマークやRSSリーダー登録ボタンをまとめて表示することができます。
作成方法は「チュートリアル（ソーシャルブックマーク編）」をご覧下さい。
※ ただし、position で absolute を指定している場合は正しい位置に表示できません。
対応しました。
バルーンメッセージ作成画面
「バルーンメッセージ作成画面」アイコンをクリックするとバルーンメッセージ作成画面が開きます。
ファイル名、ボタン
- Javascript ファイル名
- ファイルを作成しますので、そのファイル名を任意で入力します。
半角英数のみで入力してください。
同一ページに複数設置する場合は、それぞれ違う名前にしてください。 - 確認
- 規定のブラウザが起動して作成内容を確認できます。
- 作成
- Javascript ファイルとサンプル HTML が指定したディレクトリに作成されます。
- 保存
- 設定内容を保存します。
- 閉じる
- 画面を閉じてサイトマップメーカーのメイン画面を開きます。
レイヤー設定
- ドキュメントタイプ
- 「HTML」または「XHTML」を設置するページにあわせて選択してください。
- レイヤーサイズ
- バルーンのサイズ（幅Ｘ高さ）をピクセル単位で整数を入力してください。
- 背景色
- バルーンの背景色を指定してください。
パネル横のボタンをクリックするとカラー選択ダイアログが開き、カラーを設定できます。
また、パネル上で左クリックしたままドラッグすると、画面上のカラーを取得することができます。
タブ設定
- タブの有無
- 「なし」にチェックするとタブなしのバルーンを作成します。
「あり」にチェックするとタブ付きのバルーンを作成します。 - タブの数
- 「あり」にチェックすると使用可になります。
タブの数を選択します。 - ラベル
- 「あり」にチェックすると使用可になります。
タブのらベル名を変更できます。
変更するタブを選択し、ラベル名を入力して「セット」ボタンをクリックします。
（入力下だけでは変更されません） - 背景色
- タブの背景色を指定してください。
パネル横のボタンをクリックするとカラー選択ダイアログが開き、カラーを設定できます。
また、パネル上で左クリックしたままドラッグすると、画面上のカラーを取得することができます。 - 閉じたタブ
- 閉じたタブのラベルの背景色を指定してください。
パネル横のボタンをクリックするとカラー選択ダイアログが開き、カラーを設定できます。
また、パネル上で左クリックしたままドラッグすると、画面上のカラーを取得することができます。 - 線の色
- タブの枠線の色を指定してください。
パネル横のボタンをクリックするとカラー選択ダイアログが開き、カラーを設定できます。
また、パネル上で左クリックしたままドラッグすると、画面上のカラーを取得することができます。
リンク文字設定
- 文字
- 文字にチェックをすると文字が入力かになります。
入力した文字の上にポインターが乗るとバルーンを表示します。 - 画像
- 画像にチェックをすると画像設定ができるようになります。
画像のパスを入力してください。
相対パスでもかまいませんが、絶対URL（URI）で入力した方が確実です。
例１）http://sitemap.web-440.com/images/bookmark/blue_140_17_jp.gif
例２）/images/bookmark/blue_140_17_jp.gif - サイズ
- 画像の幅と高さをピクセル単位で整数を入力してください。
- Alt
- 画像の alt 文字を入力してください。
alt とは画像の代替文字で画像を非表示に設定している場合に表示されたり、目の不自由な方が音声読み上げブラウザを使っている場合に読み上げられる言葉です。
書式設定
- 保存ファイルの文字コード
- 貼り付けるページの文字コードにあわせてプルダウンより文字コードを選択してください。
- 文字サイズ
- 文字サイズを整数で入力し、単位をプルダウンよりピクセルまたはポイントを選択してください。
- フォント
- フォントを指定する場合はプルダウンよりフォントを選択してください。
選択肢がない場合はその下の「その他スタイル」欄に直接入力してください。 - その他スタイル
- 上記以外のスタイルを設定したい場合は、この欄に直接ご記入ください。
入力欄
- タグを使用不可にする
- チェックを入れると保存時に入力内容を HTML エンコードしますので、タグが使用できません。
入力欄で改行すると保存時に自動で改行タグ（ <br> or <br /> ）に変換します。
チェックをはずすと HTML エンコードしませんのでタグを挿入することができます。
その場合は改行する場合は改行タグ（ <br> or <br /> ）を入力してください。 - 「SB登録ボタン取り込み」ボタン
- クリックすると、「ソーシャルブックマーク登録ボタン作成」画面で設定した内容を入力欄に書き込みます。
- 「RSSリーダー登録ボタン取り込み」ボタン
- クリックすると、「RSSリーダー登録ボタン作成」画面で設定した内容を入力欄に書き込みます。
Copyright 2007 - 2008 Yoshio Kanaya All Rights Reserved.
※当サイトのテキスト・画像等すべての転載転用、商用販売を固く禁じます。
※当サイトのテキスト・画像等すべての転載転用、商用販売を固く禁じます。
画像サイズ一括変換
複数の画像のサイズを一括で変更するソフトです。
BMP、JPEG、GIF、PMG、TIFF に対応しており、リサイズだけでなく画像フォーマットの変換もできます。
BMP、JPEG、GIF、PMG、TIFF に対応しており、リサイズだけでなく画像フォーマットの変換もできます。
Googleサイトマップの作成、更新PINGの送信、トラックバック送信、ソーシャルブックマーク登録ボタンの作成、RSSリーダー登録ボタンの作成、メールアドレスを暗号化して保護、リンク切れチェック機能 ・・・ いつなくなるか分からないWebサービスを使い続けるのですか？