Ads By Google
コメントとの間の境界線について
今ブログのデザインをシーズンの空02を使用しているのですが、記事に対するコメントをいろんな人が書いてくれるのですが、そのコメント同士の間に線がなくて、コメント同士がとても見づらくて困っています…。このコメントの間に線を入れるにはどうしたらよいですか?
それから右側にあるカレンダーとかが載る枠線なんですが、色をつけるにはどこを変更すればいいんでしょうか?記事のほうは変えられたのですが…。
ご回答のほうよろしくお願いします。
2006-03-03 09:54の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2006-03-03 16:27:25

カレンダーの枠線もスタイルシートを編集して修正します。
修正前)
#links{
width:210px;
float:left;
margin-top:25px;
margin-bottom:25px;
margin-left:25px;
background-color:#fff;
border:#e5e5e5 solid 1px;
}
修正後)
#links{
width:210px;
float:left;
margin-top:25px;
margin-bottom:25px;
margin-left:25px;
background-color:#fff;
border:#CCCCCC solid 1px;
}
なお、色については、「html カラーコード」などで検索すると出てくるので好みの色を探してみてください。「#000000」のような#と6桁の数字の組み合わせになります。検索結果の上位に出てくるページが見やすくておすすめです。
修正前)
#links{
width:210px;
float:left;
margin-top:25px;
margin-bottom:25px;
margin-left:25px;
background-color:#fff;
border:#e5e5e5 solid 1px;
}
修正後)
#links{
width:210px;
float:left;
margin-top:25px;
margin-bottom:25px;
margin-left:25px;
background-color:#fff;
border:#CCCCCC solid 1px;
}
なお、色については、「html カラーコード」などで検索すると出てくるので好みの色を探してみてください。「#000000」のような#と6桁の数字の組み合わせになります。検索結果の上位に出てくるページが見やすくておすすめです。
1.
2006-03-03 16:22:55
スタイルシートを修正して、線を入れます。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
コメント関連の指定は、「comments-post」というところで行っています。「comments-post」を見つけて、以下の要領で修正します。
修正前)
.comments-post{
color:#666666;
font-size:xx-small;
text-align:left;
margin-left:20px;
padding-bottom:40px;
}
修正後)
.comments-post{
color:#666666;
font-size:xx-small;
text-align:left;
margin-left:20px;
padding-bottom:20px;
border-bottom: 1px solid #DDDDDD;
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
コメント関連の指定は、「comments-post」というところで行っています。「comments-post」を見つけて、以下の要領で修正します。
修正前)
.comments-post{
color:#666666;
font-size:xx-small;
text-align:left;
margin-left:20px;
padding-bottom:40px;
}
修正後)
.comments-post{
color:#666666;
font-size:xx-small;
text-align:left;
margin-left:20px;
padding-bottom:20px;
border-bottom: 1px solid #DDDDDD;
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
Ads By Google
コメント(2)
#1. Natsu
2006-03-07 08:27:36
ご回答ありがとうございました!
無事にすべて解決しました。
本当にありがとうございます☆
#2. 試験利用者
2006-03-07 09:47:10
うまくいったようで良かったです。ベスト回答もありがとうございます。



