デザイン変更しました~。これでどうにか形にはなったかなと思います。まだ細かいところで詰めたいところはあるけれど、まずは一区切りとすることにします。
デザイン変更する時はいきなりcssのテンプレートを弄るのではなく、いったんサイトをローカルに保存してローカル上で十分シミュレーションしてからMTに移ります。IEの「ファイル」→「名前をつけて保存」→「Webページ、完全」で適当な名前をつけて保存します。つけた名前と同じフォルダーが自動作成されるので、そこを開くとcssファイルが入っています。これをメモ帳で開いて編集します。するとローカルに保存したファイルに変更内容が反映されるので、これでデザインの調整を存分に行います。
カスタマイズに先立ってまずは必要な画像を用意。今回はタイトルの他に
・背景画像
・バナー用背景画像
・記事タイトル用背景画像
・リスト用ボタン
これだけ用意しました。cssのカスタマイズに移る前に、イメージに合う画像を作ったり素材を探す方に時間がかかったかも(^^;。両脇の影は背景画像で出してます。大きなモニターで見ても切れないように幅をやや大きめに作って、cssで中央に固定しています。
また時々変えて楽しんでいこう~。