対象：ホームページビルダー V8
ホームページビルダーで、ロールオーバーによる文字色変更効果を得る方法ご紹介しました。
同じくロールオーバー効果で比較的よく見かけるものとして、リンク文字やリンク画像が微妙に移動するというものがあります。右下方向にちょっとだけ移動することで、押し下げられたような雰囲気にする効果です。
［スポンサードリンク］
ホームページビルダーではこの設定方法が、ちょっとわかりにくいのでご紹介しておきます。
▼操作手順：ロールオーバーを設定する
（リンク文字・リンク画像上にマウスポインタがあるときに右下方向に1ピクセル移動にする例）
メニュー［表示］−［スタイルシートマネージャー］をクリック
↓
［スタイルシートマネージャー］−［追加］ボタンをクリック
↓
［スタイルの設定］ダイアログ−［HTMLタブの候補］コンボボックスから、
「マウスが上にあるリンク A:HOVER」を選択
↓
［スタイルの設定］ダイアログ−［位置］タブをクリック
↓
［属性］欄から［位置］−「相対的」を選択
↓
［配置］欄−［左］［上］で「1」「ピクセル」と指定
↓
［スタイルの設定］ダイアログ−［OK］ボタンをクリック
（リンク文字・リンク画像上にマウスポインタがあるときに右下方向に1ピクセル移動にする例）
メニュー［表示］−［スタイルシートマネージャー］をクリック
↓
［スタイルシートマネージャー］−［追加］ボタンをクリック
↓
［スタイルの設定］ダイアログ−［HTMLタブの候補］コンボボックスから、
「マウスが上にあるリンク A:HOVER」を選択
↓
［スタイルの設定］ダイアログ−［位置］タブをクリック
↓
［属性］欄から［位置］−「相対的」を選択
↓
［配置］欄−［左］［上］で「1」「ピクセル」と指定
↓
［スタイルの設定］ダイアログ−［OK］ボタンをクリック
以上の操作で、
<STYLE type="text/css">
<!--
A:HOVER{
top : 1px;
left : 1px;
position : relative;
}
-->
</STYLE>
というスタイルが設定され、リンクの上にマウスポインタが来ると右下方向に移動することで、押し下げられたような効果を得られます。
［スポンサードリンク］
- Newer：定義済み名前一覧を作成する
- Older：ユーザー定義関数の説明をダイアログに表示−MacroOptionsメソッド
