![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
テンプレート letsfc2blog4 を使っています。
スタイルシートの編集で、教えて頂いて下のように追記しています。
/** 記事の中のリンクを常に下線表示 */
.entry_body a ,
.entry_body a:link ,
.entry_body a:visited ,
.entry_body a:hover
{
text-decoration: underline;
}
/* 続き部分の記事のリンクを常に下線表示 */
#more a ,
#more a:link ,
#more a:visited ,
#more a:hover
{
text-decoration: underline;
}
この記事の中のリンクと、続き部分の中のリンクだけ青色にしたいんですけど、できますでしょうか?
宜しくお願いします。
No.5ベストアンサー
- 回答日時:
リンクにカーソルを持ってきたときに色を変えるのなら
No.3のもので大丈夫だと思いますが…。
カーソルを持ってきたときに
文字色・赤、下線非表示 の場合は以下の通りです。
下線は表示させておきたい場合は ※の部分は消してください。
.entry_body a ,
.entry_body a:link ,
.entry_body a:visited ,
{
text-decoration: underline;
color: #0000ff;
}
.entry_body a:hover
{
color: #ff0000;
text-decoration:underline; ←※
}
No.4
- 回答日時:
.entry_body a ,
.entry_body a:link ,
.entry_body a:visited ,
.entry_body a:hover
{
text-decoration: underline;
color: #0000ff;
}
↑から .entry_body a:hover を消して、以下を追加してください。
(#******の部分はカラーコードを入力してください)
.entry_body a:hover
{
color:#******;
}
この回答への補足
すいません、私の説明が悪かったみたいです・・・
教えていただいたようにすると、通常はカラーのみ下線なしの表示で、カーソルがきた時に下線表示となります。
私のやりたいことは、通常(青、下線表示)、カーソル当てると(赤に変わる)です。
色々と申し訳ないのですが宜しくお願いいたします。
No.3
- 回答日時:
スタイルシート編集で、以下を書き足してみてください。
#****** の部分は指定したい色に書き直してください。
(青の場合は #0000ff )
.entryblock a
{
color:#******;
}
この回答への補足
うーん、できませんでした。。。
でも教えていただいたのをヒントに色々してみたら、
/** 記事の中のリンクを常に下線表示 */
.entry_body a ,
.entry_body a:link ,
.entry_body a:visited ,
.entry_body a:hover
{
text-decoration: underline;
color: #0000ff;
}
color: #0000ff; をつけたしたら常に青表示になりました^^
でも、リンクにカーソルがきた時に色が変わるようにしたいんですけど、これができません??
なんとかなりませんかね。。。
No.2
- 回答日時:
>回答ありがとうございます。
>やってみたんですけど、できませんでした。
>ちなみに、http://oshiete1.goo.ne.jp/qa5468485.html
>の、NO,4に変更しています。
あっそうだったんですか、大変失礼いたしました。
それだとちょっとお助けできないかと。すみませんです;
No.1
- 回答日時:
もし違ってたらすいませんなんですが、
質問内の記述には不要な部分があって、
/** 記事の中のリンクを常に下線表示 */
.entry_body a
{
text-decoration: underline;
}
/* 続き部分の記事のリンクを常に下線表示 */
#more a
{
text-decoration: underline;
}
で十分なのではないでしょうか?と思いました。
その下に、
.entry_body a:link
{
color: ******;
}
#more a:link
{
color: ******;
}
を記述して、
トータルで、
/** 記事の中のリンクを常に下線表示 */
.entry_body a
{
text-decoration: underline;
}
.entry_body a:link
{
color:******;
}
/* 続き部分の記事のリンクを常に下線表示 */
#more a
{
text-decoration: underline;
}
#more a:link
{
color: ******;
}
これで行けるような気がします。
この回答への補足
回答ありがとうございます。
やってみたんですけど、できませんでした。
ちなみに、http://oshiete1.goo.ne.jp/qa5468485.html
の、NO,4に変更しています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- 英語 「所有格+数量詞+名詞」と「数量詞+of+所有格+名詞」の意味やニュアンスの違い等について 4 2023/06/28 11:34
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
gooブログのリンクの色の変更設...
-
見やすいホームページ?
-
あぶり出し
-
seesaa blogの背景変更の仕方
-
パソコンの文章作成についてで...
-
文字を消すやつ・・・・
-
レポート2000字程度なら何文字...
-
大学の講義が始まり、講義後に...
-
Dreamweaverで点線の区切り線を...
-
wordpress<br>が効きません
-
アフェリエイトのリンクの貼り...
-
テプラの文字を大きくしたいで...
-
写真のコメントを書きたい
-
ライブドアブログのテンプレデ...
-
thの/thとtdの/tdが見当たりま...
-
料理ブログの写真に文字などの...
-
文字や画像がブロックごとにぼ...
-
大学のレポート A4で1枚レポー...
-
ライブドアブログのデザイン変...
-
オススメのブログサイトで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Thunderbirdで返信の引用文が改...
-
ワードのヘッダーの文字について
-
明るい場所でのプレゼン。スラ...
-
ライブドアブログで、本文上の...
-
とあるカラーコード比較サイト...
-
アメブロ 文字の色を変更したい。
-
BBSに書き込みをする時文字...
-
ランダムに選ばれた背景の色に...
-
OutlookやExcelで色が付かない
-
アメブロでサイドバーの文字色...
-
文字色を変更した後元の文字色...
-
隠し文字?
-
どうすれば?
-
薄く明るく柔らかいオレンジ系...
-
FC2で文字の色が元に戻らない
-
あぶり出し
-
見やすい色
-
HTMLの構文
-
マウスポインタを乗せた時色を...
-
Googleカレンダーの日付の色
おすすめ情報