• MENU●●●●
  • シリウスプルダウンh4見出し表示 メニューアイコンカスタマイズ


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

    スポンサー広告

    関連記事


    プルダウンh4見出し表示 メニューアイコンカラーの変更

    申し訳ございません ただいま不作動...修正中です

     

     

    2015 0209
    シリウスh4プルダウンカスタマイズ  見出し&アイコンカラー変更

     

    当該コンテンツは
    h4タグでプルダウンをグローバルで正常反映するためのサイズ指定
    上記ページの解説に含まれるメニュー見出し&シリウスメニュー
    アイコンカラーのカスタマイズをご案内しております

     

    プルダウン表示した際のh4見出し要素を見出し要素は
    その際利用しているテンプレートのカラーが反映されますが

     

    見出し背景を他のテンプレートのカラーで表示することもできますが
    サイドバーの見出しカラーも同時に変更されます

     

    変更は

     

    テンプレートフォルダを開いて 以下の画像フォルダへ  menuh4画像を
    いったん削除して 他のテンプレートに移動し 画像フォルダをコピーして
    元のテンプレート画像フォルダ内で貼り付ければ入れ替えが完了します

     

    スポンサーリンク

     

     

     

     

    画像フォルダは そのままで単色でカラー変更する場合は

     

    スタイルシートを開いて 以下の赤印行をカラーコード指定に書き換えてください

     

     

    /* サイドメニュー */

     

    #menu ul,#rmenu ul {
    list-style-type: none;
    list-style-image: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding: 0px;
    border: 1px solid #CCCCCC;
    }

     

    #menu li,#rmenu li {
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    display: block;
    _display:inline;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E9E9E9;
    padding: 0px;
    }

     

    #menu h4 ,#rmenu h4 ,.menutitle {
    line-height: 30px;
    background-image: url(img/menu_h4.jpg);
    height: 30px; 縦幅変更はここ
    font-size:14px;フォントサイズはここ
    color: #FFFFFF;フォントカラー変更はここ
    text-align: left;
    padding-left: 20px; 文字位置の左位置指定はここ
    overflow: hidden;
    }

     

    #menu .menubox, #rmenu .menubox {
    margin-bottom: 15px;
    background-color: #E5E5E5;
    padding: 4px;
    _padding: 4px;
    }

     

    #menu li a ,#rmenu li a{
    line-height: 14px;
    display: block;
    font-size: 12px;
    text-decoration: none;
    background-image: url(img/menu_bg.gif);アイコンメニューはここ
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    _padding-top: 2px;
    _padding-bottom: 2px;
    color: #454545;
    }

     

     

    以下のコードです
    background-image: url(img/menu_h4.jpg);

     

    以下の箇所を書き換えます
    image: url(img/menu_h4.jpg);

     

    例 白
    background-color: #FFFFFF;

     

     

     


     

    ブラインドメニュー内に表示されるテキスの左端に表示される
    メニューアイコンのカラーを他のテンプレートカラーに変更する際は

     

    テンプレートフォルダで menubgg画像フォルダを変更します
    手順は上記h4見出しと同じです

     

     

    メニューアイコンン表示は 人により好みも違い削除する方もおります

     

    メニューアイコンンの表示はいらないという方は 

     

    上記CSSより 以下記述を削除するか
    background-image: url(img/menu_bg.gif);

     

    もしくはフォルダにある画像ファイルを削除してください

     

    当サイトでは画像ファイルを削除しております

     

     

     

    シリウスプルダウンh4見出し表示 メニューアイコンカスタマイズ
    シリウスのグローバルメニューを軽量プルダウンカスタマイズ備忘録
    シリウスカスタマイズトップ

    シリウスプルダウンh4見出し表示 メニューアイコンカスタマイズ関連解説
    h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ
    シリウスのh4タグ要素を使ってグローバルメニューをプルタウンメニューへとカスタマイズ ただし当該解説はデフォルトテンプレート対応となります.
    h4タグでプルダウンをグローバルで正常反映するためのサイズ指定
    シリウスへh4タグを使いグローバルメニューを正常にプルダウン化するには メニューとサイト幅のサイズ調整が必要となります
    h4スタイルで表示されるグローバルメニューのデザインカスタマイズ
    今回の解説のh4スタイルで表示されるグローバルメニューのデザインを見出しメニューを基本として画像やCSS指定で変化させてゆく手順をまとめております
    h4グローバル見出しメニューcssでデザインイメージカスタマイズ
    シリウスのh4グローバル見出しメニューをスタイルシートCSS編集でデザインイメージを簡単にカスタマイズする手順のご案内です
    h4グローバルブラインドをサイドオープンくスタイルへカスタマイズ
    シリウス導入のh4グローバルブラインド収納メニューを海外サイトみたいな横に開くサイドオープンスタイルへカスタマイズする手順をご案内いたします

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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