お蔵入り
すいません再びサイド指定(左右のバー?サイドボディ?)の色の変更について質問です。先程教えて頂いたのですが、どうも上手くいかなのです。どうしたらよいのでしょうか?
★この辺りかと思うのですが...色を変るにはどこを変えたら良いのでしょうか?すいませんどなたか教えて下さい。/* サイド指定 */
.sidetitle{
color:#fff;
font-size:x-small;
height:20px;
padding:3px 0;
text-align:center;
background:url(http://image.blog.livedoor.jp/sportsmanweb/imgs/3/7/378ffa3c.GIF?blog_id=1027495) no-repeat;
margin-bottom:5px;
}
.side{
color:#CCFFFF; /*#41699a;*/
font-size:x-small;
text-align:center;
line-height:125%;
padding:5px 10px 0;
}
.sidebottom{
margin-bottom:10px;
}
.sidebody{
padding-bottom:5px;
padding-left:5px;
background:url(http://parts.blog.livedoor.jp/img/usr/new_default_blue/dot.gif) no-repeat 0 5px;
text-align:left;
}
.side a:link{color:#CCFFFF;text-decoration:underline;}
.side a:visited{color:#CCFFFF;text-decoration:underline;}
.side a:active{color:#CCFFFF;text-decoration:underline;}
.side a:hover{color:#CCFFFF;text-decoration:underline;}
2006-03-01 13:28の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(3)
1.
2006-03-01 14:02:41

文字の色と解釈してお答えします。
.side{
color:#CCFFFF; /*#41699a;*/
font-size:x-small;
text-align:center;
line-height:125%;
padding:5px 10px 0;
}
上記部分の「color:#CCFFFF;」の「#CCFFFF」をご希望の色のコードに変えてみてください。
また、
.side a:link{color:#CCFFFF;text-decoration:underline;}
.side a:visited{color:#CCFFFF;text-decoration:underline;}
.side a:active{color:#CCFFFF;text-decoration:underline;}
.side a:hover{color:#CCFFFF;text-decoration:underline;}
リンク色を変えたいのであれば、上記部分の「#CCFFFF」をご希望の色のコードに変更してください。
【a:link】未訪問のリンク
【a:visited】訪問済みのリンク
【a:active】アクセス中のリンク
【a:hover】カーソルが重なっている時のリンク
それぞれ上記のように対応しています。
.side{
color:#CCFFFF; /*#41699a;*/
font-size:x-small;
text-align:center;
line-height:125%;
padding:5px 10px 0;
}
上記部分の「color:#CCFFFF;」の「#CCFFFF」をご希望の色のコードに変えてみてください。
また、
.side a:link{color:#CCFFFF;text-decoration:underline;}
.side a:visited{color:#CCFFFF;text-decoration:underline;}
.side a:active{color:#CCFFFF;text-decoration:underline;}
.side a:hover{color:#CCFFFF;text-decoration:underline;}
リンク色を変えたいのであれば、上記部分の「#CCFFFF」をご希望の色のコードに変更してください。
【a:link】未訪問のリンク
【a:visited】訪問済みのリンク
【a:active】アクセス中のリンク
【a:hover】カーソルが重なっている時のリンク
それぞれ上記のように対応しています。
2.
2006-03-01 16:47:13

なるほど、背景の色を変えたいのですね。
その場合は、sidebody内を見ることになるのですが、お使いのテンプレートではbackgroundで画像が指定されているようです。
なので、背景の色を変えるためには、画像の色を変えなくてはなりません。
これはおそらく、画像加工用のソフトを使えば出来ると思います。
ざっと説明しますと、
backgroundのところにあるURLが画像のURLになりますので、まずはそちらにアクセスして画像を表示→PCに保存→その画像を加工用ソフトで読み込んで色変え→livedoor Blogでファイルのアップロード→加工画像のURLをCSSのsidebody内のbackground横のURLと差し替え→保存→再構築。
かなり面倒ですが、こういった手順で出来るのではと思います。
ただ行う際には、livedoorの所持する画像を加工しても問題がないかを確認した方がいいかもしれません。
その場合は、sidebody内を見ることになるのですが、お使いのテンプレートではbackgroundで画像が指定されているようです。
なので、背景の色を変えるためには、画像の色を変えなくてはなりません。
これはおそらく、画像加工用のソフトを使えば出来ると思います。
ざっと説明しますと、
backgroundのところにあるURLが画像のURLになりますので、まずはそちらにアクセスして画像を表示→PCに保存→その画像を加工用ソフトで読み込んで色変え→livedoor Blogでファイルのアップロード→加工画像のURLをCSSのsidebody内のbackground横のURLと差し替え→保存→再構築。
かなり面倒ですが、こういった手順で出来るのではと思います。
ただ行う際には、livedoorの所持する画像を加工しても問題がないかを確認した方がいいかもしれません。
3.
2006-03-01 16:55:01

CSSから、デフォルトブルーをカスタマイズして使っていると思われますが、基本のデザインは背景画像そのものに色が付いています
#containerの{}内に
background:url(http://parts.blog.livedoor.jp/img/usr/new_default_blue/base.gif)
というのがあり、この()内が画像のアドレスです
この画像の両サイドの色がサイドバーの背景にあたる部分ですので、ペイントソフトなどで好きな色に変更し、アップロードして、そのアドレスと差し替えてみてください
#containerの{}内に
background:url(http://parts.blog.livedoor.jp/img/usr/new_default_blue/base.gif)
というのがあり、この()内が画像のアドレスです
この画像の両サイドの色がサイドバーの背景にあたる部分ですので、ペイントソフトなどで好きな色に変更し、アップロードして、そのアドレスと差し替えてみてください
Ads By Google
コメント(3)
#1. ハレイワSC
2006-03-01 15:37:49
回答ありがとうございます。
すいません文字の色では無く、左右のバー?壁紙?サイドボディ?何と呼ぶのでしょうか?その部分の色の事なんですが...教えて頂けたら幸いです。
#2. ハレイワSC
2006-03-01 18:19:06
早急な回答ありがとうございました。なんとかやってみます!ありがとうございました。
#3. ハレイワSC
2006-03-01 19:32:21
皆様のおかげで無事解決出来ました。ありがとうございました。


