前の記事│このブログのトップへ│次の記事

May 30, 2008

【デザイン微調整最終段階】リストサンプル

デザイン微調整の最終段階である、リストタグの画像を変更した。以下サンプルを示す。

  • 普通のリストタグ例。
  • 何も指定しないと黒丸。
  • 白丸のリストタグ例。
  • 普通のリストタグ例の入れ子で表示される。これはCSSでスタイル定義。
  • 四角のリストタグ例。
  • 普通のリストタグ例の3階層目でこれが表示される。これもCSSでスタイル定義。
  • リストタグを画像指定。
  • CSSでスタイルを変更。
  • リストタグを画像指定。
  • 青矢印バージョン。
  • 下線付きリストタグ。
  • 画像を指定し、下線を指定。
  • 黄色バージョンの下線リストタグ。
  • 正確にはGoldの色。
微妙に大変だった・・・。普通に指定すると、画像と文字の上下がずれてしまうので、何とか指定。これで、記事にメリハリがつけられ、より見やすくなる。ちなみに、リスト画像は0円のWEB素材屋さんからいただく。

これで1つCSSスキルが上がった。

他にもデザイン変更点がある。以下2つ。
  • サイドバーにAmazonアソシエイトリンクを設置
  • 個別記事ページのトラックバックURLの上にAmazonアソシエイトリンクを設置
あぁ、2行になると微妙になる・・・。この画像リストは1行に収まる文だけに使用しよう・・・。

ブログリニューアル完成まで残すところ残タスクは、以下の2つ。
  • タイトルをSEO対策のものに変更する
  • Yhaoo!カテゴリに登録申請する
夜更かしするつもりなんかなかったのに・・・。

にほんブログ村 本ブログへ 応援クリック☆ 　bana1


type5w4_lion at 02:07│コメント(0)│トラックバック(1) 
雑感 


トラックバックURL

トラックバック一覧

1. SEO対策  [ SEO対策ナビ ]   May 30, 2008 15:51

SEO対策ナビです。面白いブログですね＾＾ぜひ、トラックバックさせてください。こちらからはリンクさせていただきますね！！

コメントする

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