Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第36回】コメント欄の構成ブログのコメント欄のデザインを変更してみましょう!ということでまず今回は、Seesaaブログのコメント欄の構成を解説したいと思います。こちらが、そのコメント欄の構成です。以下で順番に解説していきます。<�@#comments>コメント欄全体を定義しているのが、この#commentsです。こねこ(左サイドバー)テンプレートでは上下左右のpaddingと上のmargin、そして背景色のみが定義されています。<�A.comments-head>「この記事へのコメント」および「コメントを書く」の部分のみに適用されているクラスです。<�B.comments-body>1つのコメント全体を定義しているクラスになります。コメントが複数個ある場合、そのコメントの数だけこのクラス、および下記�Cと�Dは繰り返されて表示されます。<�C.text>コメントの本文部分に適用されているクラスです。この.textクラスは、ブログの記事本文でも使用されているため、コメントの本文と記事本文の書式は同じになります。by」の部分を定義しているクラスです。こねこ(左サイドバー)テンプレートでは、このクラスの下に点線が定義されており、それがコメント同士の境目の線として機能しています。以上が、コメント欄の主な要素構成となります。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。