【ハローあおい】HPの見栄え改造、リンク項目のマウスポインタ反応表示について

  • 関連キーワード:

6月1日群馬産業技術センターに行った。

セミナー(スタイルシート入門セミナーを申し込む)を受講するためです。

ここには、特許相談で何度も足を運んだが、セミナー受講は初めて。

快適な教室で、既に席が決まっていて20席中の20番目だった。

当たりを見渡すと、申込み順でなく年齢順のようだ。

つまり、私が一番年寄りのようだ。

この分だと、次に受講するスプリプト入門講座も同じ20番目の席だろう。

そして、受講料を現金でなく群馬県証紙で支払ったのも、初体験だった。

講義は最後列だったので見づらかったが、テキストがしっかりしていたので、内容は理解できた。

自分の作ったHPのスタイルシートと、見比べながらの受講になった。

改良点も、いくつか発見した。

休憩時間、見栄えで改良したいと思っていたことを質問した。

それは、アンカーテキストリンクについてだった。

つまり、HP上で手のマークが表示されるリンク項目である。

現在は、マウスポインタを重ねても、手のマークが表示されるだけである。

これを、色が変わって重なっている状態を示すような反応にしたかった。

この反応状態でクリックすれば、リンク先に飛べる状態表示である。

すると、テキストの演習問題を例にして、教えて頂いた。

わずか数分で解決した。しかも簡単だった。

現在のスタイルシートに下記3行を追加しただけだった。
a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: red; background-color: white }


即ち、白の背景に赤文字で表示する反応にした。

こんなことでも、自分で調べるとなると大変な労力がかかる。

教えて頂けることは大変有難い、特に個別指導には感謝している。

早速ハローグラスのトップページを改造したので見て頂けると有難い。

この反応表示で良ければ、全ページを修正することにしている。

bara41.jpg

ハローグラス・トップページへ

投稿日:2010年06月07日

人気タグクラウド