|
|
Каталог файлов
Горизонтальное меню меняющиеся higslayd
|
|
|
|
Внимание: Материал скопирование с сайта ucozon.ru ,ссылка на наш сайт строго обязательна! При нарушение этого, последует наказание. |
|
это в 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>
в таблицу стилей СSS
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;
}
/* ------------ */
|
|
|
|
|
|
Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
| | |
