解決済

clip!clip!
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;

を削除して下さい。そして、その代わりにこれを新しく記述して下さい。↓

border-top:1px dashed #800000;

これで OK です。CSS を保存。CSS の再構築を行ない、その後ブラウザーをリロード ( 再読み込み ) して下さい。表示反映されるはずです。
回答レベル : 回答

手取り、足取りありがとうございました。
またよろしくお願いします。

2.

2006-06-04 16:50:51
回答1.で十分だと思いますが、本来答えるべきわたしが気付かなかったということで、付け足しです。

スタイルシートの真ん中あたりにある
.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)

2006-06-04 12:32:09

点線の水平線を引いているのかと思ったのですが
ソースを見ても初心者の私にはわかりませんorz
しかしHTMLやCSSに詳しい人だったら必ず答えられると思います。
・・・早く回答が来るといいですね。

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

>うめさん
横線をトップページと同じようにして、
すっきり綺麗になりましたね。
ベストありがとうございます。(^^)

トラックバック(2)

トラックバックURL: