Горизонтальное красное меню для uCoz


Горизонтальное красное меню для 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>



  Категория: Меню для ucoz | Добавил: AID | Дата: 01.10.2011

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz