Drupal a rozbalovací menu se dvěma sloupečky

Po dlouhé době jsem se konečně dostal k tomu, abych vám připravil další videonávod věnovaný redakčnímu systému Drupal. Vyzbrojen novým softwarem (ScreenFlow) a sluchátky s mikrofonem od Logitechu jsem se pustil do práce.

Ve videu najdete ukázku vytvoření dvousloupcového rozbalovacího menu pomocí modulu Superfish. Ukázka probíhá na testovacím webu využívajícím vzhled Danland. Seznam odkazů pro stažení zmiňovaných témat a modulů je zde:

• Danland
• Superfish
• Menu Expanded
• Special menu items
• CSS Injector

V návodu uvidíte sestavení struktury menu, nastavení rozbalování, správné zprovoznění modulu Superfish v tématu vzhledu Danland, sestavení dvousloupcové rozbalovačky a nastylování menu Superfish tak, aby zapadalo do vzhledu Danlandu.

CSS, které v tomto návodu pro Drupal zmiňuji, můžete zkopírovat odtud:

.sf-menu.sf-style-default{ margin-top: 0; }

.sf-menu{ line-height: 0.9; }

.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar { background: transparent; }

.sf-menu.sf-style-default a, .sf-menu.sf-style-default a:visited { color: #fff; }

.sf-menu.sf-style-default li:hover,

.sf-menu.sf-style-default li.sfHover,

.sf-menu.sf-style-default a:focus,

.sf-menu.sf-style-default a:hover,

.sf-menu.sf-style-default a:active { background: #295b8f;  outline: 0; }

.sf-menu.sf-style-default li li{ background: #295b8f; }

.sf-menu.sf-style-default li li a:hover{ text-decoration: underline; }

Zde pak máte samotné slíbené video s návodem pro rozbalovací menu v Drupalu.

Připomínám, že tématu rozbalovacího menu v Drupalu jsem se věnoval i dříve, například v článku Jak na rozbalovací menu v Drupalu jen s CSS a bez doplňkových modulů.