2011年02月10日

【第60回】ここまでのまとめ(第51回〜第59回)

こんにちは、ほくほくです。

第60回の今回は、第51回から第59回に掲載した内容の概要をお伝えします。

なお、それ以前の記事については、こちらをご覧下さい。

  ◆【第10回】ここまでのまとめ(第1回〜第9回)
  ◆【第20回】ここまでのまとめ(第11回〜第19回)
  ◆【第30回】ここまでのまとめ(第21回〜第29回)
  ◆【第40回】ここまでのまとめ(第31回〜第39回)
  ◆【第50回】ここまでのまとめ(第41回〜第49回)



【第51回】カテゴリ記事一覧の文字サイズを変更

ブログ記事の末尾に表示される、同じカテゴリの最新記事一覧の文字サイズを変更する方法です。

CSS上では、.listCategoryArticleクラスのfont-sizeを変更することになります。

SD_051_02.JPG



【第52回】記事フッターの文字サイズを変更する

ブログ記事の一番最後に表示されているpoted byの箇所の文字サイズ変更方法です。

CSS上では、.postedクラスが編集対象となります。

SD_052_02.JPG



【第53回】コメント欄の文字サイズを変更する

この回では、コメント欄の文字サイズを変更する方法をお伝えしました。

コメント欄は複数のクラスが入り組んで構成されていますが、コメント欄全体の文字を一括で指定する場合は#commentsで設定します。

SD_053_02.jpg



【第54回】コメント見出しの文字サイズ変更

第53回ではコメント欄全体の設定を行いましたが、この回ではコメント欄の一部、見出し部分のみの文字サイズ変更を行いました。
さらにこの回では、文字を斜体にする設定も行っています。

SeesaaブログのCSSでは、.comments-headクラスが相当します。

SD_054_01.JPG



【第55回】コメント本体部分の文字サイズを変更する

第54回で変更したコメント見出しに対して、この回ではコメント本文部分の文字サイズ変更を行ってみました。

編集するCSSは.comments-bodyクラスになります。

SD_055_01.JPG



【第56回】コメントフッターの文字サイズを変更する

コメントの文字サイズ変更シリーズ最終回。

この回で変更したのは、コメントのフッター部分の文字サイズです。
第55回の方法でも文字サイズの変更は可能ですが、この回の方法はフッターのみを変更する場合に有効です。

編集するCSSは.comments-postクラスです。

SD_056_01.JPG



【第57回】iPhone用のブログデザインを変更する

SeesaaブログのiPhone用デザイン変更シリーズの第1回目です。

この回ではまず、Seesaaブログで設定可能なデザインテンプレートを紹介した上で、実際に私が変更したブログデザインを掲載しました。
この回以降しばらく、iPhone用ブログデザインの変更シリーズが続きます。

SD_057_05.jpg



【第58回】iPhone用デザインを変更する画面

iPhone用ブログデザイン変更の基本として、SeesaaブログのiPhone用CSS変更画面の操作方法をご紹介した回です。
また、PC用のデザインとは異なる、iPhone特有のデザインについて簡単に説明しています。

SD_058_03.jpg



【第59回】WindowsPCでiPhone用ページを表示する方法

実際にiPhone用デザイン変更に入る前に、WindowsPCでiPhone用サイトを閲覧できる便利なiBBDemoというツールをご紹介しました。

SD_057_05.jpg



以上が、第51回から第59回までに掲載した内容となります。

いよいよiPhone用デザインシリーズが始まりました。

Seesaaブログで用意されているテンプレートを編集し、徐々に自分独自のデザインが作られていく過程をお楽しみください。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
posted by o(^0^)o ほくほく at 20:00| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。