人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

●質問者: ken_yonezawa
●カテゴリ:はてなの使い方 インターネット
✍キーワード:はてなダイアリー カスタマイズ コメント コメント欄 ダイヤ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● dungeon-master
●60ポイント ベストアンサー

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

テーマは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/

◎質問者からの返答

すぐに実装しました。

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ