В корне сайта создаём папку "images", закидываем всё, рисунки, скрипт, CSS
Создаём новый блок
Этот код вставляем в блок
Code
<link rel="stylesheet" href="images/cbcscbinsmenu.css" type="text/css" />
<ul id="ebul_cbinsmenu_3" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_1.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_2.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_3.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<ul id="ebul_cbinsmenu_4" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_4.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_5.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_6.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_7.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_8.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_9.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<table id="cbinsmenuebul_table" width="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_1" src="images/ebbtcbinsmenu1_0.gif" name="ebbcbinsmenu_1" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_2" src="images/ebbtcbinsmenu2_0.gif" name="ebbcbinsmenu_2" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_3" src="images/ebbtcbinsmenu3_0.gif" name="ebbcbinsmenu_3" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_4" src="images/ebbtcbinsmenu4_0.gif" name="ebbcbinsmenu_4" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_5" src="images/ebbtcbinsmenu5_0.gif" name="ebbcbinsmenu_5" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_6" src="images/ebbtcbinsmenu6_0.gif" name="ebbcbinsmenu_6" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_7" src="images/ebbtcbinsmenu7_0.gif" name="ebbcbinsmenu_7" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
</table>
<script type="text/javascript" src="images/cbjscbinsmenu.js"></script>
<ul id="ebul_cbinsmenu_3" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_1.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_2.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_3.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<ul id="ebul_cbinsmenu_4" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_4.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_5.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_6.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_7.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_8.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
<li><span class="ebul_imgcbinsmenu16x16" style="background-image: url('images/cbsiicbinsmenu_9.gif')"></span><a href="ваша ссылка" title="">Название</a></li>
</ul>
<table id="cbinsmenuebul_table" width="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_1" src="images/ebbtcbinsmenu1_0.gif" name="ebbcbinsmenu_1" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_2" src="images/ebbtcbinsmenu2_0.gif" name="ebbcbinsmenu_2" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_3" src="images/ebbtcbinsmenu3_0.gif" name="ebbcbinsmenu_3" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_4" src="images/ebbtcbinsmenu4_0.gif" name="ebbcbinsmenu_4" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_5" src="images/ebbtcbinsmenu5_0.gif" name="ebbcbinsmenu_5" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_6" src="images/ebbtcbinsmenu6_0.gif" name="ebbcbinsmenu_6" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:1px" title=""><a href="ваша ссылка"><img id="cbi_cbinsmenu_7" src="images/ebbtcbinsmenu7_0.gif" name="ebbcbinsmenu_7" width="190" height="32" border="0" alt="Название" title="" /></a></td>
</tr>
</table>
<script type="text/javascript" src="images/cbjscbinsmenu.js"></script>
Ссылки корректируем, название своё, иконки можно вставлять свои
Вообщем полностью настраевыемый под свои нужды
Скачать Новое меню для Ваших сайтов с файлообменника
Посмотреть демо Новое меню для Ваших сайтов
Другие новости |
Поделиться ссылкой
|
3 |
Андрей пишет: | 06.04.2012 | 20:51
Страница с комментарием |
норм
(0)
|