【ハローあおい】HPの見栄え改造、リンク項目のマウスポインタ反応表示について
6月1日群馬産業技術センターに行った。
セミナー(スタイルシート入門セミナーを申し込む)を受講するためです。
ここには、特許相談で何度も足を運んだが、セミナー受講は初めて。
快適な教室で、既に席が決まっていて20席中の20番目だった。
当たりを見渡すと、申込み順でなく年齢順のようだ。
つまり、私が一番年寄りのようだ。
この分だと、次に受講するスプリプト入門講座も同じ20番目の席だろう。
そして、受講料を現金でなく群馬県証紙で支払ったのも、初体験だった。
講義は最後列だったので見づらかったが、テキストがしっかりしていたので、内容は理解できた。
自分の作ったHPのスタイルシートと、見比べながらの受講になった。
改良点も、いくつか発見した。
休憩時間、見栄えで改良したいと思っていたことを質問した。
それは、アンカーテキストリンクについてだった。
つまり、HP上で手のマークが表示されるリンク項目である。
現在は、マウスポインタを重ねても、手のマークが表示されるだけである。
これを、色が変わって重なっている状態を示すような反応にしたかった。
この反応状態でクリックすれば、リンク先に飛べる状態表示である。
すると、テキストの演習問題を例にして、教えて頂いた。
わずか数分で解決した。しかも簡単だった。
現在のスタイルシートに下記3行を追加しただけだった。
a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: red; background-color: white }
即ち、白の背景に赤文字で表示する反応にした。
こんなことでも、自分で調べるとなると大変な労力がかかる。
教えて頂けることは大変有難い、特に個別指導には感謝している。
早速ハローグラスのトップページを改造したので見て頂けると有難い。
この反応表示で良ければ、全ページを修正することにしている。
投稿日:2010年06月07日