« タイトルを画像にする | メイン | 中津川の栗きんとん! »

デザインのカスタマイズ~

デザイン変更しました~。これでどうにか形にはなったかなと思います。まだ細かいところで詰めたいところはあるけれど、まずは一区切りとすることにします。

デザイン変更する時はいきなりcssのテンプレートを弄るのではなく、いったんサイトをローカルに保存してローカル上で十分シミュレーションしてからMTに移ります。IEの「ファイル」→「名前をつけて保存」→「Webページ、完全」で適当な名前をつけて保存します。つけた名前と同じフォルダーが自動作成されるので、そこを開くとcssファイルが入っています。これをメモ帳で開いて編集します。するとローカルに保存したファイルに変更内容が反映されるので、これでデザインの調整を存分に行います。

カスタマイズに先立ってまずは必要な画像を用意。今回はタイトルの他に

 ・背景画像
 ・バナー用背景画像
 ・記事タイトル用背景画像
 ・リスト用ボタン

これだけ用意しました。cssのカスタマイズに移る前に、イメージに合う画像を作ったり素材を探す方に時間がかかったかも(^^;。両脇の影は背景画像で出してます。大きなモニターで見ても切れないように幅をやや大きめに作って、cssで中央に固定しています。

また時々変えて楽しんでいこう~。