デザイン変えました

コメントが見にくいなー、とずっと思いながらもそのまま放置していたのですが、いい加減に変えようと言うことで、スタイルシートをいじくってみました。多分前よりも見やすくなったと思います。コメント書き込みのスペースも大幅に増やしてみました。
あと、コメントもはてなユーザーだけでなく、ゲストさんにも開放しました。

追記

もしかしたら誰かの役に立つかもしれないので、スタイルシートを公開しておきます。(とは言っても人力検索で見つけたものにちょっと手を加えた程度ですが)

div.comment {
 /*  コメント領域全体に枠を付ける */
 border-style:solid;             /* 実線 */
 border-width: 1px 1px 1px 1px;  /* 枠の太さ */
 border-color:#CCCC88;           /* 暗い黄色 */
 /*  URL貼り付けなどでコメント領域が崩れないように改行ルールを設定 */
 word-break: break-all; 
}
div.commentshort p {
 /*  個々のコメントに枠を付ける */
 border-style:solid;             /* 実線 */
 border-width: 1px 1px 1px 1px;  /* 枠の太さ */
 border-color:#CCCC88;           /* 薄茶 */
 /*  コメントが左の枠に接近しすぎるので調整  */
 padding-left:2em;
}
span.commentator {
  color:#000000;      /* コメント発言者名の色を指定 黒 */
　font-weight: bold; /* コメント発言者名のフォントを指定 太字 */
}

/* コメント発言者名で改行 */
form span.commentator {
margin-top: -1.3em;  /* コメント発言者名の高さの幅を指定 */
margin-left: 3em;  /* コメント発言者名の横の幅を指定 */
display :block ;
}
span.commentator {
display :block ;
}

/* コメント書き込み欄のスペース変更 */
form.comment textarea {
width: 60em;　　
height: 15em;　/* デフォは3em(３文字分) */
}

人気blogランキングへ