- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- aiuto drop down
-
aiuto drop down
Salve, dovrei creare un menu a discesa nell'header del mio sito, al momento ho un menu fisso, che vorrei lasciare
[HTML]<div class="grid_24 ui-widget menu_shape">
<ul class="menu fl_left">
<li class="menu_item un <?php if ($tab_sel == tep_href_link(FILENAME_DEFAULT)) echo "selected"?>"><a onClick="document.location='<?php echo tep_href_link(FILENAME_DEFAULT);?>'"><?php printf(MODULE_BOXES_MANUFACTURER_INFO_BOX_HOMEPAGE,"")?></a></li>
<li class="menu_item <?php if ($tab_sel == tep_href_link(FILENAME_PRODUCTS_NEW)) echo "selected"?>"><a onClick="document.location='<?php echo tep_href_link(FILENAME_PRODUCTS_NEW);?>'"><?php echo MODULE_BOXES_WHATS_NEW_BOX_TITLE;?></a></li>
<li class="menu_item <?php if ($tab_sel == tep_href_link(FILENAME_SPECIALS)) echo "selected"?>"><a onClick="document.location='<?php echo tep_href_link(FILENAME_SPECIALS);?>'"><?php echo MODULE_BOXES_SPECIALS_BOX_TITLE?></a></li>
<li class="menu_item <?php if ($tab_sel == tep_href_link(FILENAME_CONTACT_US)) echo "selected"?>" ><a onClick="document.location='<?php echo tep_href_link(FILENAME_CONTACT_US);?>'"><?php echo MODULE_BOXES_INFORMATION_BOX_CONTACT?></a></li>
</ul>
<div align="right"><?php echo tep_draw_form('search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') . tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH+80) . 'px"') . ' ' . tep_hide_session_id() .tep_draw_button(IMAGE_BUTTON_SEARCH, 'search', null, 'primary'); ?></form></div>
[/HTML]
questo e' il css attuale:
[HTML].menu_shape {border:1px solid #aeaeae; border-width:1px 0px 1px 0px;padding:7px 0px 7px 0px;}
.menu {padding:0px 0px 0px 0px;margin:0px 0px 0px 2px; list-style:none;}
.menu li {float:left; display:inline-block;cursor:pointer; white-space:nowrap;background:url('../images/menu_separator.gif') 0px 50% no-repeat transparent;}
.menu li.un {background:none;}
/* ************************************************************************************* */
.menu_item {}
.menu_item a {color:#161419;cursor:pointer; white-space:nowrap;display:block;padding:8px 26px 6px 26px;
font-size:13px;line-height:16px;font-weight:bold; text-transform:uppercase;}
.menu_item a:hover,
.menu_item.selected a {color:#6D6D6D;}[/HTML]
come faccio per inserire tipo "informazioni" e discesa "link1" "link2" "link3" ?
ho provato con le guide sul web e sono riuscito ha farla, ma non riesco a tenere lo stesso stile di quella che ho...potete aiutarmi? grazie