• ベストアンサー

HPBでホバーをかけるには?

HPBでホバーをかけるには? リンク文字をポイントすると、赤に変色するようにするには、GUIでは、どのようにしたらいいのでしょうか?タグではわかるのですが、HPBに乗り換えたばかりですので、ボタン操作でのやり方がわかりません。 よろしくおねがいします。 A:hover { font-weight : bold; color : #f00ca0;}

  • HTML
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
noname#4326
noname#4326
回答No.2

「スタイルシートマネージャー」ボタンを押します。 赤文字で「S」とあるボタンです。 「追加」を押します。 HTMLタグの候補という場所に、「現在のタグ BODY」という部分をプルダウンして、 「マウスが上にあるリンク A:HOVER」を選びます。 一行下の行の、カラーと背景タブを選び、前景色をプルダウンし、その中から色を選ぶか、「ユーザー定義」「その他」で好きな色を編集します。 下の「OK」を押します。これで終わりです。 カラーと背景の背景色をプルダウンすれば、文字の後ろの色も編集できます。

grizzly
質問者

お礼

できました。 ありがとうございます。 助かりました。

その他の回答 (1)

  • master-3rd
  • ベストアンサー率35% (582/1641)
回答No.1

ビルダーの「HTMLソース」タブを開いていつも通りにタグ打込が可能ですよ。

grizzly
質問者

補足

タグではなくて、GUI操作はできないですか? ビギナーの友人に教えてあげたいのです。

関連するQ&A

  • IEでCSSのアンカー色指定が反映しない

    <style type="text/css"> a:visited { color:blue;} div.testB { padding-left:12px; clear:both; } div.testB a{ color:#000000; text-decoration:none; font-weight:bold; } div.testB a:hover{ color: #cc0000; font-weight:bold; text-decoration:underline; } </style> <div class="testB"> <div><a href="#">リンク</a></div> </div> このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが… 解決策ありますでしょうか。 よろしくおねがいします。

    • ベストアンサー
    • CSS
  • CSSでリンクにクラスを設定するには?

    a:link { color: #007700;font-size:15px;font-weight:bold;} こういうものにクラスを設定する場合、 .class1 はどの位置に埋め込めればいいんでしょうか? いろいろやりましたがうまくいきません

    • ベストアンサー
    • HTML
  • firefoxでCSSがうまく反映されないです!

    スタイルシート(外部)で.moji{color:#;font-weight:bold} .moji a:link, .moji a:visited,{color:#f66;font-weight:bold}という具合に各クラスにリンクした時の色を指定するとIEでは反映されてもfirefoxでは反映されません。どうすれば両方にうまく反映されるのでしょうか? 教えてください!

    • ベストアンサー
    • HTML
  • a:hoverの下線指定が反映されない

    htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。 これはなぜでしょうか? ちなみにscriptの記述は一切していません。 最初は同様の記述を外部ファイルにしていたのですが うまく読み込めていないのかと思って、htmファイル内に 記述しましたがダメだったというわけです。 <style type="text/css"> <!-- body { font-size: 10.5pt; line-height: 130%} table { font-size: 10.5pt; line-height: 130%} a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold} a:active { text-decoration: none} a:link { text-decoration: none} a:visited { text-decoration: none} --> アドバイスお願いいたします。

    • ベストアンサー
    • HTML
  • gooブログのタイトル文字のCSSの設定について

    初めまして。 gooブログアドバンスでカスタムフリーを利用しているのですが、CSSのコーディングについて教えて頂きたい事があります。 "ブログのデザイン" 全体の設定として、リンク文字は白、マウスを乗せた時に文字の色が赤で太さとサイズを若干大きくなるように設定した上で、ブログのタイトル(CSS上では".bTitle")の文字(これもリンク文字です)については、もとの色を赤にして、マウスを乗せた時に、サイズ、太さはそのままで色だけ黒になるようにしたいと思い以下のようにコーディングしました。 A:link { color: #ffffff; } A:hover { color: #ff0000; font-weight: 600; font-size: 120%; } .bTitle { text-decoration: none; font-family: Century Gothic; font-size: 170%; font-weight: 800; color: #ff0000; } .bTitle A:hover{ color: #000000; } このようにしたのですが、ブログのタイトル部にマウスを乗せても黒になりません。.bTitleに A:linkやA:visitedなどもコーディングしてみたのですが、希望通りにはなりませんでした。どのようにコーディングすれば宜しいでしょうか。因みにHTMLの部分のタグは触っておりません。どうかご助力お願い致します。 ※もし必要とされるなら、全体のCSSも記載致します。

  • Firefoxでのスタイルシートの記述について

    Firefoxでのスタイルシートの記述について 4つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートについて教えてください(ホームページビルダー11で)

    ホームページビルダー11を使用してWebページをつくっています。 (超初心者です) そこにCSSのnavigation menuのテンプレートを挿入したいと思っています。 ソース(タグ?)は以下です。 http://www.13styles.com/css-menus/style1/ 挿入自体はうまくいって、ちゃんと目的のようにできるのですが、スタイルシートにほかの設定をすると、表示が変わってしまいます。 ほかの設定とは、リンクやリンク済みのフォントを変更するということです。 (a:linkやa:hoverを入れると) テンプレートだと「font-size:11px;font-weight:bold」になるのですが、リンク関係のフォントをほかのサイズに設定すると、そちらの表示になってしまいます。 そうならないように、テンプレートの設定そのままに表示されるようにするにはどうしたらよいでしょうか? 教えてください。 宜しくお願いいたします。

  • CSS:スタイルシートでテキストリンク

    教えてください!! 外部ファイルのスタイルシート(CSS)を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 IE6.0では問題なく起動していますが、NS7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか? ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のCSSの記述】 .menu { font-family: "MS Pゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

  • cssがhtmlに反映しません

    .style01 { font-size: 120%; color: red; font-weight: bold; } .style02 { color: blue; font-weight: bold; } .style03 { background-color:yellow; text-decoration: underline; } .style01.style02は反映しますが、 .style03 の{ background-color:yellow; text-decoration: underline; } background-color:yellow;の部分が全く反映しません。 なぜでしょう。

  • a:hoverでfont-weight:bold

    a:hoverでfont-weight:boldを使用し IEで確認すると文字と文字の間隔が空くのはバグですか? ご存知の方いらっしゃいます?

    • ベストアンサー
    • HTML

専門家に質問してみよう