「経理マン(^-^;)」もリンクを張っている「テキスト」や「画像」はいくつかの設定をしています。 目的は閲覧者(訪問者)に「リンクの箇所」を示すということです。 あと、遊び心もチョットありますけどネ(笑)♪ このページでは『リンクを設定している文字の装飾』について紹介いたします。
◆ リンクしている文字の色を設定(スタイルシート) ◆
《 設定方法 》
@ メニューバーの【表示(V)】−【スタイルシートマネージャー(C)】を選択します。
A 【スタイルシートマネージャー】が表示されるので《追加》ボタンをクリックして【スタイルの設定】画面を表示させ、【HTMLタグの候補(C)】からリンクに関する候補を選択します。 「経理マン(^-^;)」は「リンク A」と同時に「マウスが上にあるリンク A:HOVER」を設定
■ 補足1 ■
『マウスがリンク箇所の上に来ると文字がズレる』
上の「経理マン(^-^;)」が設定している「マウスが上にあるリンク A:HOVER」ではマウスポインタをリンク箇所の上に持ってくると文字がズレる設定にしています。
設定方法は次の通りです。
@ 同じようにメニューバーから【スタイルシートマネージャー(C)】をクリックしてください。
A 【HTMLタグの候補(C)】から「A:HOVER」をクリックします。
B 次に【位置】をクリックしてください。
C 「左:2」、「上:1」をピクセル。 【属性(A】は相対的にチェックを入れます。
D 後は「色と背景」も設定していますが、これは好みもあるので説明を省きます。
この設定方法を見つけるのにケッコウ苦労した「経理マン(^-^;)」ですが、皆さんは上を参考にして、是非 自分のサイトに利用してみてください♪
【文字飾り(D)】などを利用してみても面白いかと思います。「下線」「上線」にチェックを入れても良いかも♪
|