このFAQは、サポート対象外の操作を含む、上級者向けの内容です。お客様の責任のもと、ご利用ください。

スタイルシート マネージャを活用すると、リンクを表わす文字に表示される下線を消すことができます。また、マウスを文字の上に重ねると色を変化させる設定もできます。

※〔かんたん〕 の場合、スタイルシート マネージャは表示されません。編集スタイルを 〔スタンダード〕 または、〔エディターズ〕 に変更してから操作を行ってください。

※以下の画面はホームページ・ビルダー14のものですが、他のホームページ・ビルダーでも、ほぼ同様の操作で行うことができます。

▼注意

• リンクの下線を消す方法
• 文字の上にマウスを重ねたときに文字色を変化させる方法
• こんなときは

I リンクの下線を消す方法

■操作

1. リンクを設定したページを開きます。
2. メニューバーから「表示」→「スタイルシート マネージャ」を選択します。

   スタイルシート マネージャが表示されます。

3. [追加] ボタンをクリックします。

   

   「スタイルの設定」ダイアログボックスが表示されます。

4. [HTML タグのスタイルを設定] になっていることを確認し、[HTML タグの候補] の ▼ ボタンをクリックして、[リンク a ]^*1をクリックします。

   *1ホームページ・ビルダー13／12の場合は、[リンク A ]です。

   

5. [フォント] タブをクリックし、[文字飾り] 欄の [なし] にチェック マークを付け、[OK] ボタンでダイアログボックスを閉じます。

   

   スタイルシート マネージャに戻り、[ルール情報] 欄に「a 」^*2が追加されます。

   *2ホームページ・ビルダー13／12の場合は、「A 」です。

   

   この段階でリンクの文字に下線が表示されなくなります。

6. スタイルシート マネージャを［閉じる］ボタンで閉じます。

▲ページの先頭へ戻る

II 文字の上にマウスを重ねたときに文字色を変化させる方法

ここでは上記のリンクの下線を消す設定を行ったページに、続けて文字の上にマウスを重ねたときに文字色を変更する設定を行っています。文字色のみを変更設定をする場合は、そのページを開きメニューバー「表示」→「スタイルシート マネージャ」を選択し、スタイルシート マネージャを表示させてから以下の操作を行ってください。

■操作

1. スタイルシート マネージャから [追加] ボタンをクリックします。

   

   「スタイルの設定」ダイアログボックスが表示されます。

2. [HTML タグのスタイルを設定] になっていることを確認し、[HTML タグの候補] の ▼ ボタンをクリックし、 [マウスが上にあるリンク a:hover ]^*1をクリックします。

   *1ホームページ・ビルダー13／12の場合は、[マウスが上にあるリンク A:hover ]です。

   

3. [色と背景] タブをクリックし、[前景色] からマウスをリンクの文字に重ねた時の色を選択して、[OK] ボタンをクリックします。

   

   スタイルシート マネージャに戻り、[ルール情報] 欄に「a:hover」^*2が追加されます。

   *2ホームページ・ビルダー13／12の場合は、「A:hover」です。

   

   この段階でリンクの文字にマウスを重ねたとき、文字色が赤色へ変更されるようになりました。

4. スタイルシート マネージャを [閉じる] ボタンで閉じ、プレビュー画面で効果を確認してください。

▲ページの先頭へ戻る

III こんなときは

上記以外にも、「スタイルシート マネージャ」で以下のタグを細かく設定することによって、応用が可能です。

• a:link^*1(未表示のリンク)

  *1ホームページ・ビルダー13／12の場合は、A:linkです。

• a:visited^*2(既読リンク)

  *2ホームページ・ビルダー13／12の場合は、A:visitedです。

• a:hover^*3(マウスが上にあるリンク)

  *3ホームページ・ビルダー13／12の場合は、A:hoverです。

• a:active^*4(選択されてアクティブなリンク)

  *4ホームページ・ビルダー13／12の場合は、A:activeです。

※a:visited、a:hover、a:active については、Web ブラウザによっては正しく表示されない場合があります。

■関連情報

→リンクの文字にマウスを乗せると文字色が変化する設定をしたが、反映されない

▲ページの先頭へ戻る