コメントをプレビュー表示する。【sb】


strollさんのstroll::blog | コメントをプレビュー表示のJavaScriptを4月から設置していました。
ところがプレビューされる場所の枠が自分が思っているより大きく表示され、コメントエリアにスクロールバーがついてしまうことに不満がありつつ今まで手付かずでいました。

質問をさせてもらったもののお忙しいようで返事がないため、もう一度コメントのやりとりなどを読ませてもらい、何か解決へのきっかけがないかいろいろ試していました。

そしてようやく満足できる結果にたどりつけました。
方法は次のとおりです。

1. CSSで.entry_bodyをコピーして貼り付け、うちひとつの名前を.preview_bodyに変更する。
2. .previw_bodyでwidthの値を調整する。
3. ベースHTMLの設定で太字の部分を1で設定した名前に変更する。

<class=”preview_body” id=”comment_preview”>ご利用のブラウザ、設定ではご利用になれません。</div>

これでOKです。とてもすっきりした感じがして満足顔( ̄ー ̄)のsaiです。

← Previous post

Next post →

2 Comments

  1. ぴっぴ

    おおっ、ホントだっ!
    スクロールバーが消えてスッキリしてますねぇ(^^)
    こういう風に上手く解決した時って些細な事でも嬉しいんですよね。
    ところでsaiさんって結構凝り性ですか?
    色んな事試されててスゴイなぁ〜っ♪
    でも、肩や首が凝るのはイヤよね ^^;

  2. ●ぴっぴさん
    嬉しいですねー♪
    ぴっぴさんもいろんなことされているのに!そっくりそのまま「スゴイんなぁ〜♪」をお返ししますヨ♪
    私も凝り性なんでしょうかねぇ(笑
    できない、、とそのまま置いておくのは自分的に許せないんす。だから放置、と思わせといてまた手をつける、ということは多々あります^^
    どーしても時間を忘れて作業をすると首・肩・目・腰に疲労がたまりますね〜。もーいやーねー(笑

Comments are closed.