Красивое меню на CSS. Сделано под любой дизайн. Легкое в управлении и что самое важное выдвижное.
Установка:
1. Вставьте этот код перед тегом :
Code
<link rel="stylesheet" type="text/css" href="http://ripbox.do.am/lesson/navmenugor.css">
<!--[if IE 8 ]> <style>
.menu li:hover ul {top:35px;}
</style> <![endif]-->
2. Вот этот код вставьте там где вы хотите видеть меню:
Code
<ul class="menu">
<li><a href="http://ripbox.do.am/">ТЕСТ</a></li>
<li><a href="#">ТЕСТ</a>
<div>
<ul class="xmen">
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
</ul>
</div>
</li>
<li><a href="#">ТЕСТ</a>
<div>
<ul class="xmen">
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
<li><a href="ВАША ССЫЛКА" style="border-top:0;">ТЕСТ ПОДМЕНЮ</a></li>
</ul>
</div>
</li>
<li><a href="#">ТЕСТ</a></li>
</ul>
|
|