Warpフレームワークは異なるテンプレートとスタイルでメニュータイプを取り扱うために強力なメニューシステムを提供します。そして、あなたにあなたが するつもりであるどんなインターフェースでも作成させます。このチュートリアルを読むことによってメニューを準備することについて、詳しく知る。
Menu type
私たちのデフォルトメニューレンダリングに加えて、私たちは2つの異なったメニュータイプを提供します: アコーディオンとドロップダウンメニュー。 メニュークラス接尾語を使用することによって、両方をロードできます。 例えば、メニュークラス接尾語として「ドロップダウン」か「アコーディオン」を使用して、特定のメニュータイプを表してください。
Subtitle
メニュー項目は、ユーザーがどんな情報を見つけるかについて、より詳細な説明を提供するために、サブタイトルを持っていることができます。ちょっとあなたのメ ニュー項目名で二回パイプ性格を働かせてください。たとえば、"My title || My Subtitle"。Joomla検索について心配しないでください。パイプ性格は、Joomla検索結果で取り除かれます。チュートリアルを読んでください。
JavaScript Effects
大部分のYOOthemeメニューは、スムーズな移行と弱まっている色のようなたくさんの装飾的な影響とともに来ます。詳しく知るためにWarp Frameworkによって提供される JavaScript based menus ベースのメニューに目を通してください。
Background Images
あなたがJoomlaメニュー管理でそれぞれのメニュー項目に設定するメニュー商品は項目の背景画像として現れるでしょう。 また、メニュータイプに頼っていて、同じメニュー項目のための異なったイメージをロードするのも可能です。 例えば、"item1.jpg"というイメージをサブメニューに設定して、ドロップダウンメニューの、より大きいイメージを必要とするなら、ただ 「item1_dropdown.jpg」と呼ばれるイメージを同じフォルダーに置いてください。もう少し知りたいなら...
Page Color
1ページ、個別にそれぞれのメニュー項目に色を設定できます。 そのように、あなたはメニュー項目から独自にリンクされたあらゆるページを流行に合わせることができます。 例えば、「itemcolor黒い」黒人がそのボディータグで見える、ページクラス接尾語とCSSのクラスのようにページビデオチュートリアルを使用してください。
Drop Down Menu
class suffixとして"dropdown"を使用してください、そして、ドロップダウンメニューをロードする「メニュー」位置でメニューを発表してください。
Multi columns
ドロップダウン領域の段数がそれぞれのメニュー項目がニーズのどれかに合うように個別に設定できます。 例えば、ページクラス接尾語に"columns-2"を使用してください。そうすれば、このメニュー項目に関するドロップダウンメニューは2つのコラムを持つで しょう。 このように、あなたはそれぞれのメニュー項目のための異なったドロップダウンコラムを定義できます。
Flexible drop down width
CSS変更をできるだけ簡単に保つために、私たちはドロップダウンメニューのカラム幅のためのテンプレートパラメタを提供します。 あなたはテンプレート構成にカラム幅をはめ込むことができます。
JavaScript
Moves the drop down area out with a smooth transition. The drop down area also remains visible for some milliseconds when the mouse leaves it unintendedly. And of course, the menu keeps fully functional if JavaScript is disabled.
Drop Down Module Position
あなたは、「メニュー」位置でそれを発行することによって、どんなJoomlaモジュールにもドロップダウンメニューを混ぜることができます。 例えば、ログインモジュール。 モジュールは、ドロップダウンを望んでいて、それがメニューの一部であるように見えます。
Accordion Menu
メニュークラス接尾語として"accordion"を使用します、そして、メニュー(例えば"left"か"right"位置で)を発表して、アコーディオンメニューをロードしてください。
メニュー品目「セパレーター」を使用する場合滑らかなアコーディオン結果はサブメニューに適用することができます。閉じたかまたは開かれた状態および2つの異なる滑るモードが支援されます。 さらに詳しい情報はこちら。




お問い合せメールは