ポインタがリンクの上に乗るとリンク色が変わるように設定してみた
ホームページビルダーの設定変更のしかた |
さっきのつづき・・・
今度は、ポインタがリンクの上に乗るとリンク色が変わる設定の方法です。
テキストリンクの下線を消したのはいいが、テキストとテキストリンクの差が
わかりずらくなってしまった。 ・・・うぅ~ん?
見た目差がなく・・・ポインタがテキストリンクの上に行った時だけ、
ポインタ表示が、 ← から に変わるだけになって、
いまいちわかりずらいので、テキストリンクの上にポインタがいったら
テキストリンクの色が変化するようにしてみた。
教えてGooにありましたので、コレを参照させてもらいました。
「ホームページビルダーでの設定方法」

 「表示」→「スタイルシートマネージャー」で、「追加」ボタンを押して、

右上の「HTMLタグの候補」の中のリンクから、
(マウスが上にあるリンク A:HOVER)を選択します。

後は、「色と背景」を選択して、
「前景色」を好きな色に変えるだけでOKです。
<!DOCTYPE HTML PUBLIC ~Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="~ for Windows">
<META http-equiv="Content-Type" ~UTF-8">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="Keywords" content="~">
<STYLE type="text/css">
<!--
*{
text-decoration:none;
}
-->
</STYLE>
<STYLE type="text/css">
<!--
A:HOVER{
color : #ffcc00;
}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#eefff7" text="#006666" link="#0033ff" alink="#ff00ff">
ポインタが上にくると、オレンジ色になるように設定してみました。
下記テキストリンクの変化を見てください。

「ポインタがリンクの上に乗るとリンク色が変わる設定
スタイルシートを変更する方法」 上へポインタが移動すると・・・↓

テキストリンクがオレンジ色に変わりました。
「ポインタがリンクの上に乗るとリンク色が変わる設定
スタイルシートを変更する方法」
「ホームページビルダーでテキスト・テキストリンク・背景などの設定をする」
「ホームページビルダーのテキストリンクの下線をまとめて消す方法」
|
| その2 > 前のページへ | 次のページへ < その4 |
|



エッ?こんなに薄くて軽いのに!?
10秒で衝撃の暖かさ!
充電式電熱ヒーター付きベスト
「ぬくさに首ったけ」 

歯周病予防に最適!お風呂で簡単♪
歯間ジェットクリーナー
世界初の動体視力トレーニングメガネ
『プライマリー』 
「お名前.com プレミアムドメイン」
ビジネスの成功は価値あるドメインから
☆★楽天カード新規入会キャンペーン★☆
「年会費無料!
新規入会でもれなく
楽天スーパーポイントがもらえる」 
送料無料の情報が満載!
ネットで買うなら楽天市場 
ネットで注文!お店で安心受取り
カメラのキタムラネットショップ
コンタクトレンズ
全国最安値に挑戦中!【アットレンズ】 
|