2014　1218
シリウスビジネステンプレートカスタマイズ　サイドメニュー横移動サイズ拡張

ビジネステンプレート2カラムでのメニューを左へ移動して

サイドメニューを拡張する手順についてサポートに多くの質問が
寄せられております

ビｊネステンプレートではスタイルシートから指定しないと
メニューの左移動からサイズ拡張が出来ないんですね

テンプレート選択時に左メニューとしてもプレビューでは移動が
確認できますがそれだけではだめなのです

左へ移動してます

右メニューを２５０ＰＸに拡張しました

一度にカスタマイズできるよう以下の記載変更を参考にして下さい
記述をご確認いただければ　意味がご理解できると思います

サイト幅９００ＰＸ
記事カラム590ＰＸ
サイドメニュ幅２５０ＰＸにします

左移動手順

スタイルシートを開きます

レイアウト差分で指定します

デフォルト

/* レイアウト差分 */

#main {
float: right;　ここをleftに書き換えます　記事カラムを左に指定
width: 650px;　記事カラムサイズを５９０ＰＸにします
}

#menu {
float: left;　ここをrightに書き換えますメニューを右に指定
width: 200px;　メニューサイズを250ＰＸにします
padding-top: 10px;
padding-bottom: 10px;
}

#text1 h3,#text2 h3,#text3 h3,#text4 h3,#text5 h3,#text6 h3,#text6 h3,#text7 h3,#text8 h3,#text9 h3,#text10 h3{
position: relative;
right: -14px;
width: 670px;　ここを610にします　Ｈ３が表示される幅
_width: 670px;　ここも610にします
margin-top: 15px;
margin-bottom: 15px;
}

改行終了しましたら　必ず保存して　新しいお名前で
テンプレートのエクスポートをしておきましょう

メニュー画像がへんですね

継ぎ目が見えますね
ここは画像を呼び出しているのですがデフォルトサイズに合わせているため
拡張するとリピートするので繰り返し箇所の継ぎ目が見えてしまうのです

テンプレートフォルダの以下の画像ファイルの横サイズを延長するか
別の画像を入れ替えるかしてください

menubgファイル

スポンサーリンク

シリウスビジネステンプレート2カラムメニュー拡張カスタマイズ
SIRIUSシリウスビジネステンプレートレイアウトカスタマイズ
シリウスカスタマイズトップ