Горизонтальное красное меню для uCoz
Code
<style>
div#menu_top {
background: #FDFFFE url(http://messi10.ucoz.ru/if/menu-bb.png) 0px 0px repeat-x;
width: 930px;
height: 35px;
margin: 0px 0px 0px 0px;
float: left;
text-align: left;
}
div#menu_top_space_left {
width: 0px;
height: 35px;
float: center;
}
div#menu_top_inside {
width: 930px;
margin: 9px 0px 0px 0px;
text-align: center;
float: left;
}
div#menu_bottom {
background: #DFDCDC url(http://messi10.ucoz.ru/diz/menu_bottom.png) 0px 0px repeat-x;
width: 930px;
height: 32px;
margin: 0px 0px 0px 0px;
font-family: Arial, Tahoma, Sans-serif;
float: left;
}
div#menu_bottom_space_left {
width: 0px;
height: 30px;
margin: 0px 0px 0px 0px;
float: left;
}
div#menu_bottom_inside {
width:930px;
margin: 6px 0px 0px 0px;
text-align: center;
float: left;
}
a.hor-menu {
font-family: Arial, Tahoma, Sans-serif;
padding-left: 18px;
padding-right: 19px;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
text-align: center;
font-weight: bold;
TEXT-ALIGN: center;
}
a.hor-menu:hover {
color: #CDCDCD;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center">
<div id="menu_top"><div id="menu_top_inside">
<script type="text/javascript" languauage="JavaScript"><!--
function zmien(pozycja_menu) {
document.getElementById("m1").style.display="none";
document.getElementById("m2").style.display="none";
document.getElementById("m3").style.display="none";
document.getElementById("m4").style.display="none";
document.getElementById("m5").style.display="none";
document.getElementById("m6").style.display="none";
document.getElementById("m7").style.display="none";
document.getElementById(pozycja_menu).style.display="block";
}
--></script>
<a href="/" class="hor-menu" onmouseover="zmien('m1')">Главная</a>
<a href="#" class="hor-menu" onmouseover="zmien('m2')">Новости</a>
<a href="#" class="hor-menu" onmouseover="zmien('m3')">Лео Месси</a>
<a href="#" class="hor-menu" onmouseover="zmien('m4')">Барселона</a>
<a href="#" class="hor-menu" onmouseover="zmien('m5')">Сезон 09/10</a>
<a href="#" class="hor-menu" onmouseover="zmien('m6')">Мультимедиа</a>
<a href="#" class="hor-menu" onmouseover="zmien('m7')">Rip by psp-dom.ru</a>
</div></div>
<div id="menu_bottom_space_left"></div>
<div id="menu_bottom" class="menu_bottom"><div id="menu_bottom_inside">
<div id="m1" style="display: none;">
<a href="/index/0-2" target="_self" class="menub">О проекте</a>
<a href="/index/nashi_bannery/0-25" target="_self" class="menub">Наши баннеры</a>
<a href="/index/ssylki/0-23" target="_self" class="menub">Ссылки</a>
<a href="/blog" target="_self" class="menub">Блог сайта</a>
</div>
<div id="m2" style="display: none;">
<a href="/" target="_self" class="menub">Новости</a>
<a href="/publ" target="_self" class="menub">Статьи</a>
<a href="/blog" target="_self" class="menub">Блог</a>
</div>
<div id="m3" style="display: none;">
<a href="/index/biografija/0-6" target="_self" class="menub">Биография</a>
<a href="/index/o_messi/0-4" target="_self" class="menub">О Месси</a>
<a href="/index/statistika_messi/0-8" target="_self" class="menub">Статистика Месси</a>
<a href="/index/dostizhenija_messi/0-9" target="_self" class="menub">Достижения</a>
<a href="/index/messi_v_sbornoj/0-10" target="_self" class="menub">Лео в сборной</a>
<a href="/index/lichnaja_zhizn/0-11" target="_self" class="menub">Личная жизнь</a>
</div>
<div id="m4" style="display: none;">
<a href="/index/forma_kluba/0-12" class="menub">Форма</a>
<a href="/index/stadion/0-15" class="menub">Стадион</a>
<a href="/index/trofei/0-16" class="menub">Трофеи</a>
</div>
<div id="m5" style="display: none;">
<a href="/index/tablica/0-21" target="_self" class="menub">Таблица</a>
<a href="/index/kalendar/0-18" target="_self" class="menub">Календарь</a>
</div>
<div id="m6" style="display: none;">
<a href="/load" class="menub">Видеотека</a>
<a href="/index/prjamaja_transljacija/0-22" class="menub">Прямые трансляции</a>
<a href="/photo/" class="menub">Фотогалерея</a>
</div>
<div id="m7" style="display: block;">
<a href="http://psp-dom.ru/" class="menub"> Rip by psp-dom.ru </a>
</div>
</div>
</div>
</td></tr>
</tbody></table>
div#menu_top {
background: #FDFFFE url(http://messi10.ucoz.ru/if/menu-bb.png) 0px 0px repeat-x;
width: 930px;
height: 35px;
margin: 0px 0px 0px 0px;
float: left;
text-align: left;
}
div#menu_top_space_left {
width: 0px;
height: 35px;
float: center;
}
div#menu_top_inside {
width: 930px;
margin: 9px 0px 0px 0px;
text-align: center;
float: left;
}
div#menu_bottom {
background: #DFDCDC url(http://messi10.ucoz.ru/diz/menu_bottom.png) 0px 0px repeat-x;
width: 930px;
height: 32px;
margin: 0px 0px 0px 0px;
font-family: Arial, Tahoma, Sans-serif;
float: left;
}
div#menu_bottom_space_left {
width: 0px;
height: 30px;
margin: 0px 0px 0px 0px;
float: left;
}
div#menu_bottom_inside {
width:930px;
margin: 6px 0px 0px 0px;
text-align: center;
float: left;
}
a.hor-menu {
font-family: Arial, Tahoma, Sans-serif;
padding-left: 18px;
padding-right: 19px;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
text-align: center;
font-weight: bold;
TEXT-ALIGN: center;
}
a.hor-menu:hover {
color: #CDCDCD;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center">
<div id="menu_top"><div id="menu_top_inside">
<script type="text/javascript" languauage="JavaScript"><!--
function zmien(pozycja_menu) {
document.getElementById("m1").style.display="none";
document.getElementById("m2").style.display="none";
document.getElementById("m3").style.display="none";
document.getElementById("m4").style.display="none";
document.getElementById("m5").style.display="none";
document.getElementById("m6").style.display="none";
document.getElementById("m7").style.display="none";
document.getElementById(pozycja_menu).style.display="block";
}
--></script>
<a href="/" class="hor-menu" onmouseover="zmien('m1')">Главная</a>
<a href="#" class="hor-menu" onmouseover="zmien('m2')">Новости</a>
<a href="#" class="hor-menu" onmouseover="zmien('m3')">Лео Месси</a>
<a href="#" class="hor-menu" onmouseover="zmien('m4')">Барселона</a>
<a href="#" class="hor-menu" onmouseover="zmien('m5')">Сезон 09/10</a>
<a href="#" class="hor-menu" onmouseover="zmien('m6')">Мультимедиа</a>
<a href="#" class="hor-menu" onmouseover="zmien('m7')">Rip by psp-dom.ru</a>
</div></div>
<div id="menu_bottom_space_left"></div>
<div id="menu_bottom" class="menu_bottom"><div id="menu_bottom_inside">
<div id="m1" style="display: none;">
<a href="/index/0-2" target="_self" class="menub">О проекте</a>
<a href="/index/nashi_bannery/0-25" target="_self" class="menub">Наши баннеры</a>
<a href="/index/ssylki/0-23" target="_self" class="menub">Ссылки</a>
<a href="/blog" target="_self" class="menub">Блог сайта</a>
</div>
<div id="m2" style="display: none;">
<a href="/" target="_self" class="menub">Новости</a>
<a href="/publ" target="_self" class="menub">Статьи</a>
<a href="/blog" target="_self" class="menub">Блог</a>
</div>
<div id="m3" style="display: none;">
<a href="/index/biografija/0-6" target="_self" class="menub">Биография</a>
<a href="/index/o_messi/0-4" target="_self" class="menub">О Месси</a>
<a href="/index/statistika_messi/0-8" target="_self" class="menub">Статистика Месси</a>
<a href="/index/dostizhenija_messi/0-9" target="_self" class="menub">Достижения</a>
<a href="/index/messi_v_sbornoj/0-10" target="_self" class="menub">Лео в сборной</a>
<a href="/index/lichnaja_zhizn/0-11" target="_self" class="menub">Личная жизнь</a>
</div>
<div id="m4" style="display: none;">
<a href="/index/forma_kluba/0-12" class="menub">Форма</a>
<a href="/index/stadion/0-15" class="menub">Стадион</a>
<a href="/index/trofei/0-16" class="menub">Трофеи</a>
</div>
<div id="m5" style="display: none;">
<a href="/index/tablica/0-21" target="_self" class="menub">Таблица</a>
<a href="/index/kalendar/0-18" target="_self" class="menub">Календарь</a>
</div>
<div id="m6" style="display: none;">
<a href="/load" class="menub">Видеотека</a>
<a href="/index/prjamaja_transljacija/0-22" class="menub">Прямые трансляции</a>
<a href="/photo/" class="menub">Фотогалерея</a>
</div>
<div id="m7" style="display: block;">
<a href="http://psp-dom.ru/" class="menub"> Rip by psp-dom.ru </a>
</div>
</div>
</div>
</td></tr>
</tbody></table>
Другие новости |
Поделиться ссылкой
|