アクセントとしてPNG画像が使われていますので、MovableTypeルートディレクトリにアップロードしてお使いください。
MISTA通常版ですが、ブラウザの横幅により1ピクセル単位で若干ずれるバグがあります（ブラウザ共通）。相対指定からピクセルへ計算する際の誤差なのですが、気になるという方のために絶対指定版も用意しました。MISTA550は横幅550px(ウィンドウサイズ640pxに対応)、MISTA700は横幅700px(ウィンドウサイズ800pxに対応)です。環境に合わせてお使いください。
]]>CSSデザインプロジェクト（2秒で命名）第一弾、MovableType対応CSSです。
]]> さて、テンプレートを作ることになったのはいいものの、ブログ、とくにサーバに設置するMovableTypeとなると、使う人によって用途は千差万別です。カテゴリーの利用の方法も違えば、サイドバーの機能も変わってくると思います。コンセプトを限定し、機能を整えたテンプレートも魅力ではありました。が、それでは利用できる方、対象が限られてしまいます。MovableTypeに限らず、他のブログサービスへの転用も視野に入れると、あまり思い切ったデザインは無謀と判断しました。
そこで、スタイルシート以外には自分は手を触れず、デフォルト・テンプレートに対応したスタイルシートを書いてみよう、ということになりました。
]]>特定の場所とは、主にDIV要素によるスタイルコンテナが相当します。
上記が主にデザインの中枢である要素です。ID名、CLASS名を変更したい場合は、HTMLテンプレートとCSSを照らし合わせ、十分理解してからの作業をお奨めします。
……と、最初の意気込みはよかったのですが、スタイルコンテナをいじらずそれらしく見せるのに大苦戦。body, #containerのボーダーを使い、サイドバーは絶対配置にするという荒業で実装されています。
かなり大味な出来になってしまったのですが、雰囲気重視のスタイルシートです。同じテーマでもう一作品挑戦するかもしれません。
]]>アドレスを右クリックし、一度名前を付けて保存
するのをお奨めします。そのままコピー＆ペーストでも問題はありませんが、ファイルが欠落するなどトラブルの原因にもなります。
著作権表示は任意です。