音楽ブログならやっぱり今のがお気に入り。
ただ、これって初期設定のままだとトータル幅が770pxでどうしても記事幅もサイドバー幅も狭いっ。
なので、バランスが崩れないよう幅を増やして見ました。
まずはトータル幅を770pxから960pxに変更。
これは#containerの中のwidthを960pxするのですが、背景画像を同じに変えないと枠からはみ出ちゃいます。
なので、background-imageの行の下にbackground-size:960px;を入れてやって画像を拡大してます。
それに合わせて記事本文の枠幅画像も大きくしないとならないので、最初のbodyの中のbackground-imageの行の下にもbackground-size:960px;を追加してあげて本文背景画像も拡大。
次に#contentのwidthを430pxから590pxにして記事幅に余裕をもたせます。
左側のサイドバー幅も#links-leftのwidthを240pxから300pxまで増やすことでカテゴリの文字数が少しくらい多くなっても折り返さずにすみます。
ここでカレンダー表示のバランスをとる為に#calendar tableのwidthを180pxから240pxへ、カレンダー月表示部左からの距離calendarhead部のpaddingを60px→72pxに変更します。
サイドバーのタイトル画像も合わせて長めにします。sidetitle部のbackground-imageの行の下にbackground-size:240px;を追加します。
全体のバランスはこれでだいたいOKです。左サイドバーの2ペインタイプのテンプレートなら同じようないじり方が使えると思います。
タグ:背景画像サイズ