- ベストアンサー
ホームページ上の文字の色を変える方法
starfloraの回答
hover のスタイルシートでの色指定は、すでに答えが出ています。しかし、次のようなヴァリエーションがあります: 1) -------------------------------------- </HEAD> <style type="text/css"> <!-- A:active {text-decoration: none; color: #ff0000} A:hover {text-decoration: none; color: #0000ff} .pink-text {text-decoration: none; color: #ffa0e0} .sky-text {text-decoration: none; color: #c0c0ff} .green-text {text-decoration: none; color: #007000} --> </style> ………… <a href="Test001.html">Test001</a><br> <a href="Test002.html" class="pink-text">Test002</a><br> <a href="Test003.html" class="sky-text">Test003</a><br> <a href="Test004.html" class="green-text">Test004</a><br> これは、何かといいますと、Link の色や、Visited の色は指定していないので、Test001 のリンクは、デフォルトの青が「リンク」で、赤紫が「訪問済み」の色になりますが、Test002, Test003, Test004 のリンクは、ピンク、空色、緑という風に、色指定ができます。リンクの文字を、普通の <font color="#">で色指定すると、リンクの色指定や、スタイルシートでの hover 色の指定は有効になりません。上のように、スタイルシートで、特定のリンクを色指定すると、文字に自由な色を付けることができ、しかも、hover 色が有効になります。 しかし、上の方法だと、Link や Visited の色指定はできません。それも好みの色にしようとすると、次のようにします: 2) ---------------------------------------- </HEAD> <style type="text/css"> <!-- A:active {text-decoration: none; color: #ff0000} A:hover {text-decoration: none; color: #0000ff} .pink-text {text-decoration: none; color: #ffa0e0} .sky-text {text-decoration: none; color: #c0c0ff} .green-text {text-decoration: none; color: #007000} --> </style> <BODY Link="#7040ee" Vlink="#009090"> ………… <a href="Test001.html">Test001</a><br> <a href="Test002.html" class="pink-text">Test002</a><br> <a href="Test003.html" class="sky-text">Test003</a><br> <a href="Test004.html" class="green-text">Test004</a><br> ………… </BODY> このように、スタイルシートでは、リンク、Vリンクの色指定はせず、<BODY>タグのなかで、リンク、訪問済みリンクの色指定をすると、この指定の色にリンクや訪問済みリンクの色が指定されます。無論、この場合も、スタイルシートで色指定した文字は、リンクであっても、色は指定通りです。そして、hover は有効です。(実際にコピーして確認してみられると分かります。これは、通常のリンクの色指定と、スタイルシートでの色指定などの優先順位の違いを利用しています。ブラウザーにより、あるいは説明通りに表示されない可能性がありますが、スタイルシートの hover 指定が可能な場合、上の方法も可能なはずです)。
関連するQ&A
- ホームページ上でマウスがリンクする文字の上に行くと色が変わるのは?
初心者で、ホームページビルダー2001を使っています。ホームページ上でマウスがリンクする文字の上に行くと文字(画像ではなく文字です)の色が変わるのは・・・どう言う名前で、どの様にすれば出来るのでしょうか?また、データ-はたくさん必要としますか?宜しくお願い致します。
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームページを製作する方法
現在ホームページビルダで自分の店のページを作っています。 デザインはやはり素人が作ったんだなーっていうページだと思いますが、気になる点が、ロゴの文字って文字入力だけで変えることが出来たりしないのでしょうか?例えばエクセルではロゴを作ったあとでもそのロゴの文字を簡単に変更できます。しかしホームページビルダーだと 違うロゴに代えたい時にはもう一度作り直さないといけないようです。 なにか良い方法はないものでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- リンクを張った文字の色を変えない方法
ホームページ・ビルダー8でのホームページをを作成しようと取り組んでいます。 メニューのページに項目を書き入れトップページとしています。そのトップページから他のページ(項目)にリンクを張った時、リンク元のメニューページの項目のフォントの色が青色に変わります。 元のフョントの色を変色させない方法が分かりません。もちろんリンク元のフォント色はクリックすれば変色しますが、クリックする前は元のフォント色を持続させたいのですが、教えてください。 表現が適当で無いかもしれませんが、よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ホームページビルダー10 リンク色
こんにちわ いつもお世話になっています。さっそく早速質問です がリンクの色というものがありますよね、サイトによ っては変わるとこもあるとおもいますが まだクリックしてないリンクには 青 クリックしたリンクの色は 赤みたいないろ それで質問なんですが 文字にリンクを挿入します そしたらページ編集画面では普通に青色をしていま す。しかしブラウザでみたりプレビューでみたりする と リンクが押されてたような赤い色でリンクがでて きます。もういちどリンクを 解除して再挿入しても だめでした。ホームページビルダーはまだ初心者に近 いのでわかりやすい説明をお願いします><
- ベストアンサー
- ホームページ作成ソフト
- カーソルを当てると文字色が変わる方法は?
よろしく。質問タイトル通りです。リンクの所の文字にカーソルを持ってくると色が変わる方法です。 ホームページビルダー7を使用してます。一応やり方として [表示]-[スタイルシート マネージャー]で表示して、[追加]をクリックし、[スタイルの設定]ダイアログの[HTMLタグの候補]を[マウスが上にあるリンク A:HOVER]を選択し、あとはリンクをポイントしたときに変更させたい色を指定。([カラーと背景]タブの[前景色]で文字の色が変わるはず。)を設定してOKをクリックしても反映されません。何か、抜けてますでしょうか?
- ベストアンサー
- その他(ソフトウェア)
- ホームページビルダでリンク貼る時に・・・
ホームページビルダーを使っています。 テキストでのリンクを作り、その文字の上にマウスが来た時にその色が変わるような設定を作りたいのですが、どうすればよろしいでしょうか? 画像が変わる設定しか分かりません。。。 よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- ホームページ上のリンク文字の色を変える方法
以前に同じ質問内容が掲載されておりましたので(http://oshiete1.goo.ne.jp/kotaeru.php3?q=169797)、ご回答の通り設定をしたのですが結果がうまくいきません。どなたか、原因を教えて下さい。前回質問者と同様ホームページビルダーV6.5を使用しております。 ・・・・・・・・・・・・・・・・・・・・・・ 【ページ編集】タグにリンクする文字を黒で入力しました。 リンク設定後【ページ編集】タグの色が黒から青にかわり【プレビュ】タグでは「紫」が表示されていました。 私の色の希望はリンク文字は黒、ポインタが触れると赤です。 ここで【HTMLソース】タグの</TITLE>の後に以下を貼り付けました。 <STYLE TYPE="text/css"> <!-- A:link { color: #000000;} A:hover { color: red;} --> </STYLE> その結果、【ページ編集】タグのリンク文字は黒だったのですが、肝心の【プレビュ】タグを見ると、リンク文字は「紫」ポイントすると「赤」です。 他の色で試してみたのですが【プレビュ】タグを見ると、リンク文字は「紫」を表示します。 長々な質問内で申し訳ございませんが、この原因をどなたか教えてください。 よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームページビルダー11 で セル にリンクは張って、マウス が上にあ
ホームページビルダー11 で セル にリンクは張って、マウス が上にある時にセル全体の色を変えたいんです。セルの中には文字が入っているので文字の色を変える方法はわかるのですが、セル全体は無理なのでしょうか。 あまりくわしくないのでスタイルシートの説明とかを見てもよくわかりません。 少し詳しくわかりやすく教えていただけませんか? 1日でも早く作成したいので、宜しくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページビルダー9.0のリンク設定
ホームページビルダー9.0を使用しています。 リンクを設定した項目Aの上に、マウスが載った時、文字の色を赤に変えるには、どう設定すればよいでしょうか?宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- リンクを貼ると指定した文字の色が変わってしまいます
ホームページビルダー使用初心者です。ホームページビルダー11を使っています。文字の色が指定してあるのですが(赤)、リンクを貼ってプレビュー確認すると色が変わっています(びみょーなピンク)。他のリンクを貼らない文字と一緒に色を統一してあるので色が変わらないようにしたいのですが、どうしてよいのかわかりません。。ご存知の方いらしたら教えてください。
- ベストアンサー
- ホームページ作成ソフト
お礼
本当にありがとうございました。 色の設定もできました。 ただ、test1からtest4までの記述があり、ホームページ作成サイト上に 出てきますよね。それは、なんのために出すのでしょうか? これで、確認しみて必要なくなったら消す、というものか、または、これをコピーして張り付けて文字を打ち直して使う物か、と想像はしいています。 本当にHP初心者なもので、1つやると、また1つ疑問が出て来るという状態です。