Menu Horizontal

Para activarlo

• Gestor de menus > nuevo > poner nombre e items
• Gestor de módulos > nuevo > menu (mod_mainmenu) > posición = hornav > nombre menu = escoger el creado en el Gestor de menus

Diseño

-- BEGIN: MAIN NAVIGATION --
div id="ja-mainnavwrap"
div id="ja-mainnav" class="clearfix"
ul class="menu"
li class="parent item73" a href="..." span MENU MIGDIA /span /a
/div
/div
-- END: MAIN NAVIGATION --

CSS en ja-sosdmenu.css

Barra de menus:

• #ja-mainnavwrap { /* LCLIS barra de menus completa de izquierda a derecha */ border-top: 10px solid #666666; border-bottom: 10px solid #666666; background: Yellow; }
• #ja-mainnav, #ja-mainnav ul { padding: 0; margin: 0; line-height: 12px; background: Aqua; /* LCLIS fondo barra horizontal (lo que no llenan los items) */}

Item de menu 1er nivel

• /* LCLIS - fondo ITEM no activo primer nivel */
  #ja-mainnav > ul { background-color: DarkSalmon; padding-left: 20px;}
• #ja-mainnav > ul > li { background-color: GoldenRod; /* nada */ border-left: 10px solid #666666; /* LCLIS borde entre items */ border-right: 10px solid #333333; margin-right: 1px;}
• /* LCLIS bloque de un item de primer nivel */
  #ja-mainnav ul.menu li a { margin: 0; padding: 5px 20px; /* LCLIS padding cuadro de item TOPBOTTOMpx LEFTWRIGHT px */ border-left: 10px solid Blue; border-right: 10px solid Red; display: block; color: Red; font-weight: bold; line-height: normal; text-decoration: none;}
• /* LCLIS al pasar por encima de item no activo */
  #ja-mainnav ul.menu li a:hover, #ja-mainnav ul.menu li a:active,#ja-mainnav ul.menu li a:focus { background: Yellow; color: Red;}
• /* LCLIS item activo */
  #ja-mainnav ul.menu li.active a,#ja-mainnav ul.menu li.active a:hover,#ja-mainnav ul.menu li.active a:active,#ja-mainnav ul.menu li.active a:focus { background: Green; color: #FFFFFF;}