| ||||||||||||||||||||||||||||||||||||||||||
転職というか、就職しなきゃならんので登録。転職し終わったら一安心。
iPod情報でもある
SEOコンテストに参加してまーす
http://jigsaw.w3.org/css-validator/validator-uri.html
にて当ブログのCSSがヴァリッドCSSを獲得しました。
しかし
これで当ブログスタイルシートのカスタマイズが完了になります。今後はテンプレート集なる物を制作したいと思っています。
さて、カテゴリー欄。デフォルトデザインだとありきたりで無味乾燥ですよね。
しかしリストのように整然と並んでいる様は綺麗です。（実際はマージンで調整してるだけなんだけど。本来W3C的にはここはリストにすべきなんじゃないかな〜...）
で、このデフォルトレイアウトにちょっとしたカスタマイズ。
アーカイブのレイアウトをデフォルトから独自のデザインに変えました。
といっても事実上は新着エントリのCSSと自由提言1のCSSを融合させただけなんですけどね。
デフォルトのままなのは.heading_archiveだけで、他はカスタマイズと.archive_year ・.archive_month の a と a:hover の新規追加です。
例によってスタイルシートのソースをメモ代わりに以下コピペ。
朝方4:15まで自分は何をやっているんだろうかと思ってしまう。自由文1のレイアウトを変えてました。
一見すると枠線に画像のような凹凸（へこみ？）のある、デザインを取り入れました。でもこれ画像じゃないんです。スタイルシートです。しかも見出しタグ（具体的にはh2）を使用しています。
HTML / CSS スタイルシート 関連のカテゴリーブログです。
個人的メモでCSSのテクニック解説をしましょうか・・・。。どうしよ。
とりあえず新着エントリ周りのデザインレイアウトについて
これは 独自CSS編集 の .heading_entry と .recententry をカスタマイズして実現させています。
深夜3:30頃に思いつきで「こうすれば綺麗になるじゃん！」とコーディングした物なので、もうちょっとソースの軽量化が出来るような出来ないような。
ただ一見するとテーブルタグを使用しただけのように見えるこのデザインは