Ads By Google
ブログのカスタマイズについてです。
記事と記事の間の点線なのですがトップページとコメントをクリックしたあとのページとで、同じ線にしたいです。
コメントページへ行くとトップページの点線と違う設定(水色の線の画像)が残っています。この点線をトップページと同じくするには、どこを変更したらいいですか?私のブログにおいて、どこをいじったらいいか、具体的なご指導お願いします。
2006-06-04 00:40の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2006-06-04 16:11:05

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更します。
CSS を上からのぞいていくと、こういう2箇所の部分があります。
.trackbackurlttl{ }
.trackbackhead,.commenthead,.takecommenthead{ }
この中にある、
background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% top;
が、その水色の線の指示です。
この、
background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% top;
を削除して下さい。そして、その代わりにこれを新しく記述して下さい。↓
これで OK です。CSS を保存。CSS の再構築を行ない、その後ブラウザーをリロード ( 再読み込み ) して下さい。表示反映されるはずです。
CSS を上からのぞいていくと、こういう2箇所の部分があります。
.trackbackurlttl{ }
.trackbackhead,.commenthead,.takecommenthead{ }
この中にある、
background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% top;
が、その水色の線の指示です。
この、
background:url(http://parts.blog.livedoor.jp/img/usr/hotcake/line.gif) no-repeat 50% top;
を削除して下さい。そして、その代わりにこれを新しく記述して下さい。↓
border-top:1px dashed #800000;
これで OK です。CSS を保存。CSS の再構築を行ない、その後ブラウザーをリロード ( 再読み込み ) して下さい。表示反映されるはずです。
回答レベル : 回答
手取り、足取りありがとうございました。
またよろしくお願いします。
2.
2006-06-04 16:50:51
回答1.で十分だと思いますが、本来答えるべきわたしが気付かなかったということで、付け足しです。
スタイルシートの真ん中あたりにある
3本の線をトップページと同じにするなら、次のように。
上の一本をトップページと同じに、下の二本を青くするなら、こんな感じ。
スタイルシートの真ん中あたりにある
.trackbackhead,.commenthead,.takecommenthead{
background:url(http://parts.blog.livedoor.jp/img
/usr/hotcake/line.gif) no-repeat 50% top;
font-size:13px;
font-weight:bold;
margin:10px 0 5px;
padding:10px;
}
を変えます。3本の線をトップページと同じにするなら、次のように。
.trackbackhead,.commenthead,.takecommenthead{
font-size:13px;
font-weight:bold;
margin:20px 2px 20px 2px;
border:1px dashed #800000;
}
これは、3本に別の設定をすることもできます。上の一本をトップページと同じに、下の二本を青くするなら、こんな感じ。
.trackbackhead{
font-size:13px;
font-weight:bold;
margin:20px 2px 20px 2px;
border:1px dashed #800000;
}
.commenthead,.takecommenthead{
font-size:13px;
font-weight:bold;
margin:20px 2px 20px 2px;
border:1px dashed #000080;
}
当然、下の二本も.commenthead{ }
.takecommenthead{ }
と分けて設定できます。
回答レベル : 回答
Ads By Google
コメント(4)
#1. 万年床生活者(謹慎中)
2006-06-04 12:32:09
点線の水平線を引いているのかと思ったのですが
ソースを見ても初心者の私にはわかりませんorz
しかしHTMLやCSSに詳しい人だったら必ず答えられると思います。
・・・早く回答が来るといいですね。
#2. うめさん
2006-06-04 22:29:37
horsehlyさん、応用編ありがとうございます。今後参考にさせていただきます!
AQさん、ありがとうございます。
コピペして、そのままカスタマイズしましたが、一部前の青い線の画像が残ってしまってます。これは、どの部分を修正したらいいでしょうか?
#3. AQ
2006-06-04 23:23:40
.trackbackurlttl{ }
↑ この部分も同じようにしなきゃダメですよ。
そこにも同じように画像の指示がしてあるでしょ。
#4. AQ
2006-06-05 00:55:00
>うめさん
横線をトップページと同じようにして、
すっきり綺麗になりましたね。
ベストありがとうございます。(^^)



