k 1 - s h i g a . c o m

このブログを常にちょこちょこ見ている人はいないと思うので
気がついている方はいないと思うのですが……。
昨晩からデザインを少し変えていました。

ヘッダ部分を他のブログ同様広く取っていたのですが、
これに無駄を感じたので、
「k 1 - s h i g a . c o m」部分を左上に持ってきて
ヘッダを狭くしました。

あとはずっとやろうと思っていた、
本文をあえてウインドウいっぱいに表示する形にしています。
横幅 800 ピクセルではほとんど変化ないですが、
それより横に広がっている環境では変化が出ているはずです。
でも時間・コメント・トラックバック部分を右寄せにしていたので、
これだと右に寄りすぎて操作性が悪くなってしまうため、
左寄せで統一しました。
これで操作性も悪くならないよう考えてあります。

フッタも少し修正しました。「▲ページの頭へ」も付けました。

IE6 がやはりくせ者で、CSS は IE6 固有の対処をしていたりします。
それでも透明 PNG 非対応なので、全く同じようには見えないのですが、
わざわざ JaxaScript 等を使って重くしてまで
表示させるまででもないと思い、あえてこのままにしてあります。

まだまだ CSS には慣れませんが、このブログを構築した頃に比べたら、
CSS でやりたい事も形にできるようになったかな～という感じでしょうか。

テンプレートをつくってみました。
忍者ブログ のテンプレートメーカは素晴らしいですね！
項目が細かく用意されていて、
入れてしまえばオリジナルのテンプレートができてしまうんですね。
でも項目にない部分もあって、結局 HTML・CSS を直接編集していますが……。

IT 系の事をしているのでキーボードを表示させてみました。
あとはグレーの半透明。
あまりこだわって作成すると重くなってしまうので、シンプルにつくってみました。
モノトーンですが、リンクだけ使いやすさを考えてデフォルトの青に。
ブログ名やタイトルは普通の色にする事が多いのですが、
あえてここもリンクの青にしてみました。
透明 PNG と使っているので IE6 だと半透明にならないところもありますが、
気にならない表示かと思います。

まだ細かい修正を行っていますが、
反応があれば共有テンプレートにしてしまっても良いでしょうか。