▲ジモティーズトップへ
■マウスポインタが上にのるとリンクが変化する。
1.スタイルシートマネージャーの表示示ボタンを押し、スタイルシートマネージャーを表示させます。


2.リンクを挿入しているポイント(←こんな処です)にカーソルを持って行った後、
追加ボタンを押してスタイルの設定ダイアログを表示します。すると下のように
「HTMLのタグ候補」の蘭に「A」タグが選択された状態となっています。
「A」タグとはHTMLでハイパーリンクを挿入する際<a href="http://www.jp">の様に
書く最初のaの部分を差しており、この「a」タグにスタイルを設定することで設定したスタイルは
すべてのリンクで有効となります。


3.今回の場合はマウスポイントがリンク上に来たときにリンクが変化するよう設定したいので
「HTMLのタグ候補」の横の▽を押して「マウスが上にあるリンク A:HOVER」を選択します。



4.「マウスが上にあるリンク A:HOVER」を選択した後、「文字の属性」の部分で「スタイル」
を斜体にしてみましょう。


5.「斜体」を選択した後「カラーと背景」のタブより「背景色」で
赤色を選択してみましょう。

※「前景色」で色を選択した場合、マウスが上に来ると文字色が変化し、背景色で色を選択した
場合、マウスが上に来るとリンクの背景が変化します。


6.最後にOKを押して設定完了です。

このサンプルのようになっていたら成功です。


※そのほかのリンクの設定は講習会にて行います。





    

 Copyright(C) 2001 備中高梁観光案内所