ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

トップページ > 記事閲覧
リンクの文字色
日時: 2004/08/19 21:29
識別: IDcSQY.w0TbpM
名前: an

ホームページビルダー7を使用しています。

ページの中のリンクの色なのですが、只今製作中のものは
Backが濃い色なので、リンク文字にマウスを持っていくと
文字の周りが白、文字自体が赤に変わるようにしてみたのですが、別の文字は違う色にしたいのです。
編集→背景/文字の設定で色を変え、尚且つどこかで読んだ
HTMLを挿入してみました。
<STYLE type="text/css">
<!--
A:HOVER{
background-color : #ffffff;
color : #990000;
}
-->
</STYLE>
これだと他の文字は違う色に出来ないようですが、
他の方法がわかりません。
どなたか分かる方、教えて頂けないでしょうか。

メンテ

Re: リンクの文字色 ( No.1 )
日時: 2004/08/19 21:59
名前: ゆえ

リンクの文字色を一部は違う色で設定したい、ということでしょうか?
他サイトですがこちらがごさんこうになるかと

https://www.wsb.jp/hpb/css/link.htm#04
メンテ
Re: リンクの文字色 ( No.2 )
日時: 2004/08/20 00:50
名前: an

ゆえさま、ありがとうございます。
只今訪問しビルダーのスタイルシートマネージャーで
設定しOKボタンを押すと「無効な文字が入力されました。」
と出てしまいます。
(スタイルシートマネージャーを開く→追加ボタンを
クリック→「クラスのスタイルを設定」を選択→
クラス名に A.test:HOVER と入力→後はスタイルシート
マネージャーを使い、好きなスタイルを設定します。→)
ここまででOK出したのですが。
どうも「A.test:HOVER」と言う文字のようなのです。
サポートは無さそうなので、またこちらで質問続けさせて
いただいております。
お分かりのようでしたら宜しくお願い致します。 

メンテ
Re: リンクの文字色 ( No.3 )
日時: 2004/08/20 01:03
名前: an

すみません。
スタイルシートマネージャーの方の設定は出来ました。
が、やはり文字色が変化しません。
HTMLへ class="test" と追加も致しました。
メンテ
Re: リンクの文字色 ( No.4 )
日時: 2004/08/20 01:27
名前: sumi

https://hpb.cool.ne.jp/hpbuilder/ss_class.htm
↑ここに紹介されている手順ではどうですか?

クラス名は「.xx」で指定してください(記号とかは入れずに)。
メンテ
Re: リンクの文字色 ( No.5 )
日時: 2004/08/20 08:15
名前: an

たびたびありがとうございます。

https://hpb.cool.ne.jp/hpbuilder/ss_class.htm
↑こちらを参考にさせていただきましたが、変わりませんでした。プレビューで確認すると、ひと括りにしてあるリンク先(10箇所ほど)の色はオレンジと紫になってしまってます。マウスを当てても色の反転などはありません。
編集の背景/文字色の設定はすべて(標準)に戻してありますが、
このことが何か関係しているのでしょうか?
もしくはこのページを破棄し、新しく作り直した方が
いいでしょうか?
メンテ
Re: リンクの文字色 ( No.6 )
日時: 2004/08/20 10:03
名前: みつばち

はじめまして!
私もビルダーの7を使っています。

ビルダーのHTML画面でタグはいじれそうですか?
もしできそうでしたら、

<STYLE type="text/css">
<!--
A:HOVER{
background-color : #ffffff;
color : #990000;
}
-->
</STYLE>

というタグの中で、最後の

-->
</STYLE>

の前に

A.test:HOVER{
color : ご希望の文字自体の色;
background-color : ご希望の文字の周りの色;
}

を追加してみてください。

それからリンクの部分<A href〜>にclass="test"を
追加するとできるようですが、いかがでしょう?
(クラス名は test でやってみました。)
メンテ
Re: リンクの文字色 ( No.7 )
日時: 2004/08/20 17:19
名前: an
状態: 解決!

みつばちさま、どうもありがとうございました。
やーっと出来ました。
background-color : #ffffff;
color : #990000;
と、
color : #a59883;
background-color : #ffffff;
を使いたいと思いまして、出来るのかどうか悩んだのですが、
こちらに来て良かったです。
ページは新しいものに作り変えてから、↑を設定致しました。

ゆえさまも、いろいろ教えて頂きありがとうございます。
これに懲りずまたご指導ください。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved