Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Меню для ucoz » горизонтальное меню красного цвета!
горизонтальное меню красного цвета!
GrozaZoolДата: Четверг, 10.02.2011, 17:25 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline

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://isofter.ucoz.com/" class="menub">By isofter.ucoz.com</a>    

</div>    

</div>    
</div>    
</td></tr>    
</tbody></table>  

Вставляев в верхнюю часть сайта, меняем ссылки на свои и всё=)


 
Форум » ***Всё для Ucoz*** » Меню для ucoz » горизонтальное меню красного цвета!
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г