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


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


    ビジネステンプレートの2カラムサイドメニュー拡張方法

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

     

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

     

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

     

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

     

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

     

     

     

    左へ移動してます

     

    右メニューを250PXに拡張しました

     

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

     

    サイト幅900PX
    記事カラム590PX
    サイドメニュ幅250PXにします

     

    左移動手順

     

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

     

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

     

    デフォルト

     

    /* レイアウト差分 */

     

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

     

    #menu {
    float: left; ここをrightに書き換えますメニューを右に指定
    width: 200px; メニューサイズを250PXにします
    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にします H3が表示される幅
    _width: 670px; ここも610にします
    margin-top: 15px;
    margin-bottom: 15px;
    }

     

     

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

     

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

     

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

     

     

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

     

    menubgファイル

     

    スポンサーリンク

     

     

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

    シリウスビジネステンプレート2カラムメニュー拡張カスタマイズ関連解説
    ビジネステンプレート横サイズを拡張するカスタマイズ方法
    SIRIUS シリウスビジネステンプレートの横サイズをデフォルトの900PXから1000PXに拡張するカスタマイズ解説で今回は3カラム対応です
    ビジネステンプレートサイドメニュー拡張カスタマイズ
    SIRIUS シリウスビジネステンプレート3カラムのフリースペースを表示するサイドメニュー横サイズの拡張方法カスタマイズの解説です
    ビジネステンプレートのレイアウトカスタマイズ後の微調整
    SIRIUS シリウスビジネステンプレートのレイアウトをカスタマイズ後 もう一つ好みによりますが配置位置の微調整も可能です

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト