解決済

clip!clip!
Ads By Google

記事内の色やニュースの位置の変更

変更したいのは記事内の色と、一番上に表示されているライブドアニュースの場所です。

端にあるピンク色の部分(背景?)やタイトルの文字色は変えれましたが、本文内の薄い白色や上に表示されるニュースの場所を一番下に変えることができませんでした。

僕のブログはこちらです。
回答よろしくお願いします。


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

回答(2)

2.

2006-05-29 02:03:43ベスト
結局まとめると、質問は2つ、

■ 本文内の薄い白色を変更する。
■ ニュースの場所を一番下に変える。

ですね?

上の本文内の薄い白色を変更する。は日付の下の白い横線の事を言っておられますか? それしか白い色は見当たらないので、一応それとして回答します。間違っていたらごめんなさい。

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更します。

CSS を上から見ていくと

.date{
color:#ff6464;
font-size:small;
font-weight:bold;
border-bottom:1px solid #ffffff;
padding:0px 0 0 18px;
background:url(http://image.blog.livedoor.com/img/usr/cat/neco_b02.gif) no-repeat scroll 0 2px;
}

という部分があります。この部分の中の、border-bottom:1px solid #ffffff; というのがその白い横線の指示を表します。最後の #ffffff を違う色コードに変更して下さい。

色コードの参考はこちらを↓


サイドカラムの中にも同じ白い横線がありますよね。それはこの部分です。↓

.sidetitle{
color:#ff6464;
font-size:x-small;
font-weight:bold;
margin-bottom:5px;
padding-bottom:2px;
border-bottom:1px solid #ffffff;
}

同じく border-bottom:1px solid #ffffff; の色コードを変更して下さい。

その後、CSS を保存。CSS の再構築をかけて下さい。

2つめの回答です。下記のブログの記事を参考にして下さい。↓

回答レベル : 回答

1.

2006-05-29 01:11:40
見ましたが・・・そんなに問題はない気がしたし楽しいブログですね。反映とかしましたか?
自信度 : 自信あり 回答レベル : 回答
Ads By Google

コメント(6)

#1.  AQ
2006-05-29 02:08:35

>>1 しゅほさん
この質問に " 反映 " とか意味わかんないし、関係ないし。
自信ありってつけてるけど、まったく回答になってないし。
雑談ならコメント欄に書いていただけますか。
質問者に対して非常に迷惑な回答です。

2006-05-29 11:02:10

AQさん、ありがとうございます。
ニュースの場所を一番下に変えるのはAQさんのHPを見て出来ました。
あと一つの質問の仕方が悪かったです、ごめんなさい。

薄い白色ではなく、本文内の薄いピンク色か桃色のような部分です。
蛇足ですが両端のピンク色の部分ではありません。
下地が薄いピンク色だと黒の文字が読みづらかったのです。
よろしければご教授お願いします。

#3.  AQ
2006-05-29 12:26:01

あの背景は "色 " を指定しているのではなくて、" 画像 " で指定されています。

画像のアドレスは、
http://image.blog.livedoor.com/img/usr/cat/bg.gif
です。

CSS で指定されている場所は、

#container{
width:780px;
margin:0 auto;
background:url(http://image.blog.livedoor.com/img/usr/cat/bg.gif) repeat-y 50% 0;
text-align:center;
word-break:break-all;
}

の部分です。

幅780px、高さ50px の画像なんですが、これを変更する方法としては2つあります。

#4.  AQ
2006-05-29 12:27:29

■ まず一つ目は、この背景画像とまったく同じサイズで好みの色の背景画像を作成し、そのファイルをアップロードします。そして現在 CSS の中で指定されているアドレスと、そのアップロードした背景画像のアドレスを書き換えます。それで CSS を保存。CSS の再構築をかけます。

■ もうひとつは、背景画像を指定している部分を削除します。そして背景を色指定する記述を書き加えます。このようにです。↓

#container{
width:780px;
margin:0 auto;
background:#○○○○○○;
text-align:center;
word-break:break-all;
}

○○○... の部分はお好きな色コードをお入れください。

これで OK なんですが、簡単なシンプルなテンプレートなので、なぜ初めから背景を画像で指定していたかが気になります。検証してみたところ、背景を色で指定しても不具合は見当たらなかったのですが、テンプレーターのデザイン意図が見えにくいですね。

2006-05-29 17:44:50

おかげで念願の背景の色を変えることができました。
迅速かつ懇切丁寧な回答ありがとうございます。
m(_ _)m

#6.  AQ
2006-05-29 18:40:17

>レヴィンさん
満足いくデザインに変わりましたか。
よかったです。(^^)
ベストありがとうございました。

トラックバック(2)

トラックバックURL: