解決済

文字色について・・・・・

Tokyo-Drive 02を使用しています。

本文
文章にポインターを合わせると色が変わり、文字列にアンダーラインがでるようにしたい。

サイドバー
ポインターを合わせると色が変わるようにしたい。

知識のある方、宜しくお願い致します。

2006-10-25 19:20の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2006-10-25 20:19:29みんなナイスな
管理画面からカスタマイズ/管理→デザインの設定
右下のカスタマイズ→スタイルシート(CSS)で

本文は a.continues の部分ですが、リンク部分でないと、普通の文字は関係ありません。

a.continues:link{color:#C9CBCA;text-decoration:underline;}
a.continues:visited{color:#C9CBCA;text-decoration:underline;}
a.continues:active{color:#C9CBCA;text-decoration:underline;}
a.continues:hover{color:#C9CBCA;text-decoration:none;}

:link     アクセス前の色    
:visited   アクセス済の色
:active   クリックした時の色
:hover   ポインターをのせた時の色  

#C9CBCA を好きな色にして下さい。
色見本
http://www.finitojapan.com/cltable.html

underline を無くしたい時は none にします。出したい時は none を underline に

サイドバーは

.side a:link{color:#8E8482;text-decoration:underline;}
.side a:visited{color:#8E8482;text-decoration:underline;}
.side a:active{color:#8E8482;text-decoration:underline;}
.side a:hover{color:#8E8482;text-decoration:none;}

変更したら 下の この内容を保存する をクリック
再構築したら完了です。

ありがとうございました。
またよろしくお願い致します。

2.

2006-10-25 22:40:24みんなナイスな
モデナさん

記事の文章(文字列)だけなら
こんなのは、どうでしょう?

<font color="#最初の文字色" style="background-color:#最初の文字の背景色" onmouseover="this.style.background='#触れた時文字背景色';this.color='#触れた時の文字色'" onmouseout="this.style.background='#離れた時文字背景色';this.color='#離れた時の文字色'">文字</font>

文字が黒で背景が白なら

<font color="#000000" style="background-color:#ffffff" onmouseover="this.style.background='#ffffff';this.color='#00ff00'" onmouseout="this.style.background='#ffffff';this.color='#000000'">記事の文字列</font>

こうすればポインターを置いた時だけ緑になりますね。


それと、モデナさんの今までの御質問を見て
全部「解決済」になってないのが気になります。
どこまで理解されてるかも
回答される方々のヒントになりますので
検討されてみてください。m(_ _)m
回答レベル : アドバイス
Ads By Google

コメント(7)

#1.  モデナ
2006-10-25 22:10:36

お忙しいところ、ご回答ありがとうございました。
本文のリンク部分のみ設定可能という認識でよろしいでしょうか?
a.continues:link{color:#C9CBCA;text-decoration:none;}
a.continues:visited{color:#C9CBCA;text-decoration:none;}
a.continues:active{color:#C9CBCA;text-decoration:none;}
a.continues:hover{color:#00ff00;text-decoration:none;}

サイドバーについては、設定しても色は変わりませんでした。
.side a:link{color:#8E8482;text-decoration:underline;}
.side a:visited{color:#8E8482;text-decoration:underline;}
.side a:active{color:#8E8482;text-decoration:underline;}
.side a:hover{color:#;00ff00;text-decoration:none;}

#2.  湯川 学
2006-10-25 22:25:08

そうです。本文のリンク部分
続きを読む とか・・・。
サイドもリンク部分のみです。
ごめんなさい!!

#3.  Kiss115
2006-10-25 22:50:51

これはカスタマイズじゃなくて

そのまま記事を記入欄に書く方法ですよ~☆

#4.  湯川 学
2006-10-25 23:18:02

なるほど、そうゆう事なのね。
リンク以外の場所の色が変わったら
読んでる人が、どこクリックしたらいいか戸惑うかも?

#6.  Kiss115
2006-10-26 10:18:27

ポルシェ掟さん

そういう事かどうかは解りません。(;^_^A)

御希望に副えればと考えていますが…。

#8.  モデナ
2006-10-26 10:51:30

ご回答ありがとうございました。
解決済みにしていないのは、設定しても反映されないからなんです。
回答者の方々、申し訳ありません。

不具合等が出ている可能性があったので、デザインを新規に入れ替え設定し直したところ、動作確認できました。

<a href="http://blog.livedoor.jp/modena7/"; target="_blank">Thanks</a>

#9.  Kiss115
2006-10-26 11:34:43

>>#8

そうだったのですね。
大変失礼いたしました。m(_ _)m

サイドはバッチリ変わってるようですね!

御存知とは思いますが
「投稿フォームの形式」を
[WYSIWYGエディタ]にすると
本文中のリンクもお手軽に色が変えられるのですが
お使いの方の好みにもよりますので…。

ありがとうございました。

トラックバック

トラックバックURL: