はてなダイアリーの質問です。


コメント欄ですが私的には読みにくいとおもうんです。

コメント表示のカスタマイズがきれいに出来ているてなダイヤリー、それかカスタマイズのする方法を教えて下さい。

詳しく教え頂いた方には大きくポイント振りますのでよろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/05/01 11:22:17
  • 終了:2006/05/02 15:04:13

ベストアンサー

id:dungeon-master No.1

dungeon-master回答回数571ベストアンサー獲得回数402006/05/01 14:46:10

ポイント60pt

ダイアリーを拝見しました。

テーマはQuery000ですね。テーマを変えてみるのも手です。

ken_yonezawaさん的に感じている読みにくさとマッチしているかはわかりませんが、

以下の点が特に問題だと思います。

  • 日記とコメントの違いがわかりにくい。
  • コメントとコメントの境目がわかりにくい。
  • コメントをつけた人の名前とコメント本文が見分けにくい。

これだけでも何とかなれば、かなり改善すると思います。


以下の定義を、日記の詳細デザイン設定のスタイルシート欄にぶち込んでみてください。

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:#994411;      /* コメント発言者名の色を指定 茶 */
}

簡単な色付けと枠線で、コメントの区切りが見やすくなるようにしています。


スタイルシートの詳細についてはリファレンスなどを参照してください。

http://www.htmq.com/style/index.shtml


私のところでは、テーマはNabla(ナブラ)を使っています。

上に書いたことの他に、入力欄の拡大と、コメント発言者と本文の行の分離も

やっています。最近、コメント無いですけど。

http://d.hatena.ne.jp/dungeon-master/

id:ken_yonezawa

すぐに実装しました。

ありがとうございました。

本当に細かく説明して頂き助かりました。

2006/05/02 15:02:44

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません