per installare lo script, devi scaricare il file .zip e quindi unzipparlo sul tuo PC
poi carichi lo script dentro la cartella blog sul tuo host
fatto questo edita il file header.php ed inserisci queste 2 linee prima del </head>:
Codice HTML:
<!--Drop Down Menu -->
<script type="text/javascript" src="dropdowntabfiles/dropdowntabs.js"></script>
<!-- CSS for Drop Down Tabs Menu #3 -->
<link rel="stylesheet" type="text/css" href="dropdowntabfiles/slidingdoors.css" />
</head>
<?php
if ( !defined('EG_BODY_CLASS') && get_option('page_setup') != 'right-sidebar' )
define('EG_BODY_CLASS', get_option('page_setup'));
?>
<body .....ecc.....
poi nel body:
Codice HTML:
....ecc...........................
<div id="menu">
<!-- INIZIO Drop Down menu-->
<div id="slidemenu" class="slidetabsmenu">
<ul>
<li><a href="<?php bloginfo('url'); ?>" title="Home"><span>Home</span></a></li>
<li><a href="" title="CSS Library" rel="dropmenu1_c"><span>CSS</span></a></li>
<li><a href="" title="New" rel="dropmenu2_c"><span>Partners</span></a></li>
<li><a href="" title="Useful Tools"><span>Tools</span></a></li>
</ul>
</div>
<br style="clear: left;" />
<br class="IEonlybr" />
<!--1st drop down menu -->
<div id="dropmenu1_c" class="dropmenudiv_c">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>
<!--2nd drop down menu -->
<div id="dropmenu2_c" class="dropmenudiv_c" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("slidemenu")
</script>
<!--FINE Drop Down menu -->
<ul>
<li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>"><?php _e('Home', 'elegant-grunge') ?></a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
<div class="clear"></div>
</div>
...ecc.........
poi, o inserisci manualmente tutti i collegamenti alle pagine, oppure bisogna modificare la funzione che genera il menu e il sottomenu.....
non sarà molto semplice modificare la funzione, ma ci provo se vuoi?