пример меню живой это в head но советую все js ссылки пере залить на свой сайт Code <link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style> <link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s42.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>
<style type="text/css" media="all"> @import url(highslide/highslide.css); </style><script type="text/javascript" src="http://arsenal-london.3dn.ru/highslide/highslide.js"></script><script type="text/javascript"> hs.graphicsDir = 'highslide/graphics/'; </script> это само меню Code <table border="0" cellpadding="0" cellspacing="0" width="20%">
<script type="text/javascript" language="javascript" src="http://arsenal-london.3dn.ru/images/menu.js"></script>
</table>
<div id="menu"> <ul> <li class="active" id="menu1" onclick="menu('menu1');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Новости</span><span class="m3"></span></a></li> <li id="menu2" onclick="menu('menu2');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Команда</span><span class="m3"></span></a></li>
<li id="menu3" onclick="menu('menu3');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Arsenal London</span><span class="m3"></span></a></li> <li id="menu4" onclick="menu('menu4');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Сезон</span><span class="m3"></span></a></li> <li id="menu5" onclick="menu('menu5');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Галерея</span><span class="m3"></span></a></li> <li id="menu6" onclick="menu('menu6');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Общение</span><span class="m3"></span></a></li> <li id="menu7" onclick="menu('menu7');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Сайт</span><span class="m3"></span></a></li>
</ul>
</div> <div id="tabs"> <ul style="display: block;" id="tab_menu1"> <li><a href="http://arsenal-london.3dn.ru/news/1-0-1">Премьер Лига</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-2">Лига Чемпионов</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-3">Сборная</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-4">Интервью</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-5">Трансферы</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-6">Матчи</a></li> </ul>
<ul id="tab_menu2"> <li><a href="http://arsenal-london.3dn.ru/index/0-23">Информация о клубе</a></li><li><a href="http://arsenal-london.3dn.ru/blog">Состав</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-14">Тренерский штаб</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-9">Трансферы</a></li> </ul> <ul id="tab_menu3"> <li><a href="http://arsenal-london.3dn.ru/index/0-21">История клуба</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-24">Гимн</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-19">Музей клуба</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-5">Emirates Stadium</a></li> </ul>
<ul id="tab_menu4"> <li><a href="http://arsenal-london.3dn.ru/index/0-25">Премьер Лига</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-2">Лига Чемпионов</a></li> </ul> <ul id="tab_menu5"> <li><a href="http://arsenal-london.3dn.ru/photo/1">Обои</a></li><li><a href="http://arsenal-london.3dn.ru/photo/2">Аватарки</a></li><li><a href="http://arsenal-london.3dn.ru/photo/3">Подписи</a></li><li><a href="http://arsenal-london.3dn.ru/photo/4">Юзербары</a></li> </ul>
<ul id="tab_menu6"> <li><a href="http://arsenal-london.3dn.ru/forum">Форум</a></li><li><a href="http://arsenal-london.3dn.ru/gb">Гостевая книга</a></li> </ul> <ul id="tab_menu7"> <li><a href="http://arsenal-london.3dn.ru/index/8-1">Администрация</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-27">Наши баннеры</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-28">Ссылки</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-3">Обратная связь</a></li> </ul><!--/U1MENU1Z-->
</div>
<br><br> </div> в таблицу стилей Code /* ----////// яПН?яПНяПНяПНяПНяПН? /////------- */
#page { margin:0 auto; padding:0; text-align:left; width:932px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#000; position:relative; } a img {border:none;} a { text-decoration:none; color:#000; } ul { margin:0; padding:0; list-style:none; }
#top p{ position:absolute; margin:0; padding:0; top:20px; }
#menu { width:932px; height:35px; padding-top:8px; background:url(http://arsenal-london.3dn.ru/images/menu.png); } #menu li { float:left; height:8px; padding:0px 8px 10px 8px; font-size:10px; background:url() right center no-repeat; } #menu li.active { background:url(); } #menu a { color:#FFF; float:left; height:35px; } #menu a span { float:left; height:35px; } #menu a .m1, #menu a .m3 { width:5px; }
#tabs { position:absolute; top:35px; width:912px; height:20px; left:0; margin: 0 auto; background:url(http://arsenal-london.3dn.ru/Untitled-1_copy.png); padding:7px 0 0 20px; } #tabs ul { display:none; } #tabs ul li { height:auto; padding:0 0 0 10px; font-size:10px; margin-left:20px; display:inline; background: url(http://arsenal-london.3dn.ru/o.jpg) 0px 0px no-repeat; }
/* ------------ */
Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
|