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

はてなダイアリーを使ってます。それで、「コメントを書く」って文字を本文よりフォント・サイズを1小さくして、コメントはサイズを3小さくするにはどのようにスタイル・シートを設定すればよいでしょう。あと、コメントの2行目以降を1行目とおなじインデントに保ちたいときにはどうすればよいでしょうか。

●質問者: junsaito
●カテゴリ:コンピュータ
✍キーワード:はてなダイアリー コメント サイズ スタイル デント
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sasada
●25ポイント

http://www.hatena.ne.jp/list

人力検索はてな - 質問一覧

URLはダミーです。

以下、スタイルシートのサンプルです。

ダイアリーの設定から、修正してみてください。

(蛇足ながら、バックアップは取っておきましょう)

/* 「コメントを書く」の部分 */

div.comment {

/* お好みのポイント数で12ptとか */

font-size: small;

}

/* コメントの部分 */

div.caption {

/* お好みのポイント数で8ptとか */

font-size: x-small;

}

◎質問者からの返答

ありがとうございます。

やってみたんですが、うまく行きません。

具体的には、

div.comment {font size=12pt;

font-size: small;

}

div.caption {font size=8pt;

font-size: x-small;

}

と書けばよいのでしょうか?


2 ● sasada
●25ポイント

http://hp.vector.co.jp/authors/VA022006/css/index.html

正しい知識を得たい人の爲のCSS2リファレンス

>やってみたんですが、うまく行きません。

ゲゲッ!!

書き方は、

=== ここから ===

div.comment {

font-size: 12pt;

}

div.caption {

font-size: 8pt;

}

=== ここまで ===

です。(すべて、半角文字です)

「=」(イコール)ではなく、「:」(コロン)を使います。

12ptとか8ptなどの数字を変更すれば、文字の大きさが変わります。

12ptと書く代わりにsmallと、8ポイントの代わりにx-smallと書くことを推奨されていますが、気にならないなら、気にすることはありません。

ここまでは、自分のダイアリでテスト済みです。

質問の残りの部分ですが、、、

え〜と、複数のコメントの頭を揃えたい(インデントをつけたい)という意味ですよね?

div.commentshort > p {

text-indent: 1em;

}

で行頭文字の位置を揃えることは出来ると思います。

でも、ユーザー名の後ろのコメント部分だけ独立させて、折り返し位置を揃えるのは無理っぽいですね。

行頭文字+名前+コメントで ひとつのインライン要素になっていますので、スタイルシート中で コメント部分だけを分離指定できないようです。

ちなみに、コメントの中の

タグのところで インデントを調整するのも無理だと思います。

◎質問者からの返答

なるほど、できました!

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

これで終了にします。

関連質問


●質問をもっと探す●



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