Это ставь в CSS (в любое место)
(в файловом менеджере создай папку "style" а в ней "sd_menu" и залей туда картинки:
Code
/* Раскрывающееся меню */
div.sdmenu { width: 184px; font-family: Arial, sans-serif; font-size: 8pt; padding-bottom: 0px; background: #ffffff no-repeat right bottom; color: #ffffff;}
div.sdmenu div { background: url('../style/sd_menu/title.png') no-repeat;margin-bottom:1px; overflow: hidden;}
div.sdmenu div:hover { background: url('../style/sd_menu/title.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}
div.sdmenu div:active { background: url('../style/sd_menu/title.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}
div.sdmenu div:first-child { background: url('../style/sd_menu/title.png') no-repeat;}
div.sdmenu div:first-child:hover { background: url('../style/sd_menu/title.png') no-repeat;background-position:0 -25px;}
div.sdmenu div:first-child:active { background: url('../style/sd_menu/title.png') no-repeat;background-position:0 -25px;}
div.sdmenu div.collapsed { height: 25px;}
div.sdmenu div span { display: block; padding: 5px 20px 6px; font-weight: bold;font:tahoma; color: #fff; background: url('../style/sd_menu/expanded.png') no-repeat 5px center; border-bottom: 0px solid #fff;}
div.sdmenu div.collapsed span {background: url('../style/sd_menu/collapsed.png') no-repeat 5px center;}
div.sdmenu div a { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('../style/sd_menu/item.png'); display: block; border-bottom: 1px solid #EAEAEA; color: #3E3E3E;}
div.sdmenu div a.current { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('../style/sd_menu/item.png'); display: block; color: #3E3E3E; font-weight:bold;}
div.sdmenu div a:hover { background : #fff url('../style/sd_menu/item.png'); background-position:0 -25px; font-weight: bold; color: #fff; text-decoration: none;}
/* ------------------------------------- */
А это ставь в блок:
Code
<!-- <bc> -->
<div align="center"><div id="my_menu" class="sdmenu" align="left" style="margin-top:4px;">
<div class="collapsed">
<span>Меню 1</span>
<a href="#">ПОДМЕНЮ 1.1</a>
<a href="#">ПОДМЕНЮ 1.2</a>
<a href="#">ПОДМЕНЮ 1.3</a>
<a href="#">ПОДМЕНЮ 1.4</a>
</div>
<div class="collapsed">
<span>Меню 2</span>
<a href="#">ПОДМЕНЮ 2.1</a>
<a href="#">ПОДМЕНЮ 2.2</a>
<a href="#">ПОДМЕНЮ 2.3</a>
<a href="#">ПОДМЕНЮ 2.4</a>
</div>
<div class="collapsed">
<span>Меню 3</span>
<a href="#">ПОДМЕНЮ 3.1</a>
<a href="#">ПОДМЕНЮ 3.2</a>
<a href="#">ПОДМЕНЮ 3.3</a>
<a href="#">ПОДМЕНЮ 3.4</a>
</div>
<div class="collapsed">
<span>Меню 4</span>
<a href="#">ПОДМЕНЮ 4.1</a>
<a href="#">ПОДМЕНЮ 4.2</a>
<a href="#">ПОДМЕНЮ 4.3</a>
<a href="#">ПОДМЕНЮ 4.4</a>
</div>
</div></div>
<!-- </bc> -->
Вроде должно работать... если не работает то извини