May 29, 2008

【デザイン修正進捗状況】完成直前

はぁ、だいぶブログデザインに統一感が出るようになった。以下主な修正箇所一覧。

  1. カラム幅を990pxまで縮小
  2. 本文フォントサイズを17pxに変更
  3. サイドバーのフォント部分の背景色の設定、行間縮小
  4. カレンダーを修正
  5. サイドバーのいらないものを削除、プロフィール変更
  6. リンク色を見やすく変更
  7. サイドバーの画像リンクの配置を微調整
結局カラム幅を990pxまで縮小しなければ、1024pxの解像度で見たときにスクロールバーが出てしまっていた。それに伴ってフォントサイズも17pxに縮小。なぜかサイドバーは落ちなかった。たぶんカラム幅に影響されていたのだろう。

サイドバーの文字部分は、divタグを使用し、背景色に白を設定している。そのほうが見やすいので。

あとカレンダーは、以前のデザインの構造を参考に、カレンダーの月の背景画像を独自に設定してある。一応雲をイメージしており、これはパワポのオートシェイプで作った。カレンダーは手作り感が溢れていると思う。

微調整には、CSSのmargin、paddingプロパティを数pxずつ変化させながら何度も確かめてやったので、時間がかかった。しかし、これで大体ブログのCSS構造がつかめたともう。

残り残タスクは、以下になる。
  • リストタグのスタイルを独自画像に設定する
  • タイトルをSEO対策のものに変更する
  • Yhaoo!カテゴリに登録申請する
あと少しで本当に完成する。まぁ、遅くとも今週中には納得の行くものができあがるだろうと思う。

また、Amazonもデザインが更新されてリニューアルされたようだ。

Amazon.co.jp 新しいサイトデザインのご紹介

にほんブログ村 本ブログへ m9(・∀・)応援クリック☆  bana1



トラックバックURL

コメントする

名前:
URL:
  情報を記憶: 評価:  顔   星