» »

Оригинальная шапка сайта для ucoz


По своему популярная и оригинальная шапка сайта для сайта ucoz, красивая шапка с шапкой идет все что требуется для установки, возможно кто то хочет поменять вверх сайта вам как раз подойдет это красивая шапка, верх сайта предназначен для светло серых дизайн сайтов. По дизайн выполнена красиво. Просто она сама по себе очень красиво создана и на ней есть функций как горизонтальное меню только влита в шапку и располагается в низу.
Приступаем к установке:
Скачиваем архив, распечатываем его, и все файлы закачиваем в папку shapka_new если ее нет создаем

В CSS

Код
/* Верхняя часть шапки */  
.bg_top_m_l {background:url(/shapka_new/bg_top_m.png) left top no-repeat;}  
.bg_top_m_r {background:url(/shapka_new/bg_top_m.png) right -54px no-repeat;}  
.bg_top_m_c {background:url(/shapka_new/bg_top_m.png) 0 -27px;}  
.bg_top_logo {background:url(/shapka_new/domen.png) center no-repeat;height:22px;padding:5px 163px 0 157px;}  
.bg_zakaz {background:url(/shapka_new/bg_zakaz.png);width:145px;height:16px;float:right;}  
.bg_zakaz:hover {background:url(/shapka_new/bg_zakaz.png) 0 -16px;}  
/* ------------------- */  

/* Иконки верхней части */  
.icon1 {width:29px;height:17px;background:url(/shapka_new/bg_icons.png);float:left;}  
.icon1:hover {width:29px;height:17px;background:url(/shapka_new/bg_icons.png) 0 -17px;}  

.icon2 {width:29px;height:17px;background:url(/shapka_new/bg_icons.png) -29px 0;float:left;}  
.icon2:hover {background:url(h/shapka_new/bg_icons.png) -29px -17px;}  

.icon3 {width:29px;height:17px;background:url(/shapka_new/bg_icons.png) -58px 0;float:left;}  
.icon3:hover {background:url(/shapka_new/bg_icons.png) -58px -17px;}  

.icon4 {width:17px;height:17px;background:url(/shapka_new/bg_icons.png) -87px 0;margin-left:87px;}  
.icon4:hover {background:url(/shapka_new/bg_icons.png) -87px -17px;}  

.icons {width:104px;height:17px;}  
/* -------------------- */  

/* Центр шапки */  
.head {height:164px;background:#232323;}  
.logo {background:url(/shapka_new/logo.png);height:91px;width:303px;margin:23px 0 0 74px;}  
.bg_rek_on {width:476px;height:96px; display:block;padding:7px 0 0 7px; background:url(/shapka_new/bg_rek.png) no-repeat;float:right;margin:24px 76px 0 0;}  

/* Нижняя часть шапки */  

.bg_bottom_m_l {background:url(/shapka_new/bg_bottom_m.png) left top no-repeat;}  
.bg_bottom_m_r {background:url(/shapka_new/bg_bottom_m.png) right -126px no-repeat;height:49px;padding:14px 158px 0 158px;}  
.bg_bottom_m_c {background:url(/shapka_new/bg_bottom_m.png) 0 -63px;}  

.menu_hr {background:url(/shapka_new/bg_menu_1.png) no-repeat right;height:24px;float:left;padding:0px 11px;}  

.menu_h {margin: 0;padding: 0;float: left;border: 0px;border-width: 0px 0; z-index:99}  
.menu_h li {display: block;float:left;position:relative;}  
.menu_h li a {color:#fff;text-decoration:none;font:bold 8pt Arial;height:22px;padding:0 0 0 9px;float:left;}  
.menu_h li a span {display:block;padding:5px 9px 0px 0px;}  
.menu_h li a:hover span {background:url(/shapka_new/bg_menu_2.png) right top no-repeat;height:22px;}  
.menu_h li a:hover {dislay:block;color:#0D6DBA;background:url(/shapka_new/bg_menu_2.png) left -22px no-repeat;height:22px;}  

.menu_h li:hover .menu_h_sub_c {display:block;}  
.menu_h_sub_c {width:2px;height:1px;display:none;position:absolute;left:50%;top:0;z-index:10;}  
.menu_h_sub {width:204px;height:28px;position:absolute;left:-50px;background:url(/shapka_new/bg_pod.png) -204px 0;top:22px;margin:0;padding:28px 0 0 0;}  
.menu_h_sub_m {background:url(/shapka_new/bg_pod.png) no-repeat left bottom;width:198px;padding:0px 3px 5px 3px;}  

.menu_h li .menu_h_m div{height:30px;background:none;width:167px;}  

.menu_h_m {float:none;}  
.menu_h_m div a {display:block;width:187px;background:url(/shapka_new/bg_menu_3.png) 0 -28px;height:23px;padding:5px 0px 0px 11px;text-align:left;color:#232323;font:normal 9pt Arial;}  
.menu_h_m div a:hover {width:180px;background:url(/shapka_new/bg_menu_3.png) no-repeat;height:23px;color:#f1f1f1;padding:5px 0px 0px 18px;}  
.middle_hmenu {margin:0px auto;width:750px;}  
/* ------------------ */


Далее в верхнею часть сайта вставляем вот этот код:

Код
<div id="container_wrap">  
<div id="hnav_full">  
<div class="head">  
<div class="bg_top_m_c">  
<div class="bg_top_m_l">  
<div class="bg_top_m_r">  
<div class="bg_top_logo">  
<div class="icons">  
<a href="http://zornet.ru/load/rss" title="RSS"><div class="icon1"></div></a>  
<a href="http://zornet.ru/forum/28" title="Правила сайта"><div class="icon2"></div></a>  
<a href="http://zornet.ru/forum/0-0-1-34" title="Ленточный вариант форума"><div class="icon3"></div></a>  
<a href="http://zornet.ru/forum/28-53-1" title="Правила форума"><div class="icon4"></div></a>  
</div>  
</div>  
</div>  
</div>  
</div>  
<div class="bg_rek_on"><script language='JavaScript' charset='windows-1251' src='http://buy-link.ru/codes/banner.php?id=12880&s=1'></script></div>  
<div class="logo"></div>  
</div>  
<div class="bg_bottom_m_c">  
<div class="bg_bottom_m_l">  
<div class="bg_bottom_m_r">  
<div class="middle_hmenu">  
<ul class="menu_h">  
<div class="menu_hr"><li><a href="/"><span>Главная</span></a></li></div>  
<div class="menu_hr"><li><a href="/forum"><span>Форум</span></a></li></div>  
<div class="menu_hr"><li><a href="/"><span>ZORNET.Ru</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Готовые cервера CS 1.6" alt="Скачать Готовые cервера CS 1.6 бесплатно">Готовые cервер CS 1.6</a></div>  
<div><a href="/" title="Плагины для сервера" alt="Скачать Плагины для сервера бесплатно">Плагины для сервера</a></div>  
<div><a href="/" title="Counter-Strike 1.6" alt="Скачать Counter-Strike 1.6 бесплатно">Counter-Strike 1.6</a></div>  
<div><a href="/" title="Карты для CS 1.6" alt="Скачать Карты для CS 1.6 бесплатно">Карты для CS 1.6</a></div>  
<div><a href="/" title="Софт для CS 1.6" alt="Скачать Софт для CS 1.6 бесплатно">Софт для CS 1.6</a></div>  
<div><a href="/" title="Читы для CS 1.6" alt="Скачать Читы для CS 1.6 бесплатно">Читы для CS 1.6</a></div>  
<div><a href="/" title="Модели игроков" alt="Скачать Модели игроков бесплатно">Модели игроков</a></div>  
<div><a href="/" title="Модели оружия" alt="Скачать Модели оружия бесплатно">Модели оружия</a></div>  
<div><a href="/" title="Прочее" alt="Скачать Прочее бесплатно">Прочее</a></div>  
<div><a href="/" title="Патчи" alt="Скачать Патчи бесплатно">Патчи</a></div>  
<div><a href="/" title="Моды" alt="Скачать Моды бесплатно">Моды</a></div>  
<div><a href="/" title="Боты" alt="Скачать Боты бесплатно">Боты</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
   
<div class="menu_hr"><li><a href="/"><span>Хак</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Готовые сервера CS:S" alt="Скачать Готовые сервера CS:S бесплатно">Готовые сервера CS:S</a></div>  
<div><a href="/" title="Counter-Strike Source" alt="Скачать Counter-Strike Source бесплатно">Counter-Strike Source</a></div>  
<div><a href="/" title="Плагины для сервера" alt="Скачать Плагины для сервера бесплатно">Плагины для сервера</a></div>  
<div><a href="/" title="Темы меню CS:S" alt="Скачать Темы меню CS:S бесплатно">Темы меню CS:S</a></div>  
<div><a href="/" title="Модели игроков" alt="Скачать Модели игроков бесплатно">Модели игроков</a></div>  
<div><a href="/" title="Модели оружия" alt="Скачать Модели оружия бесплатно">Модели оружия</a></div>  
<div><a href="/" title="Карты для CS:S" alt="Скачать Карты для CS:S бесплатно">Карты для CS:S</a></div>  
<div><a href="/" title="Читы для CS:S" alt="Скачать Читы для CS:S бесплатно">Читы для CS:S</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="#"><span>Моды</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="http://zornet.ru/load/142" title="Шаблоны для uCoz" alt="Скачать Шаблоны для uCoz бесплатно">Шаблоны для uCoz</a></div>  
<div><a href="http://zornet.ru/load/81" title="Скрипты для uCoz" alt="Скачать Скрипты для uCoz бесплатно">Скрипты для uCoz</a></div>  
<div><a href="#" title="Иконки для форума" alt="Скачать Иконки для форума бесплатно">Иконки для форума</a></div>  
<div><a href="#" title="Иконки для групп" alt="Скачать Иконки для групп бесплатно">Иконки для групп</a></div>  
<div><a href="#" title="Шапки для сайта" alt="Скачать Шапки для сайта бесплатно">Шапки для сайта</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="http://csgrad.3dn.ru/load/photoshop/9"><span>Карты</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="#" title="Готовые PSD работы" alt="Скачать Готовые PSD работы бесплатно">Готовые PSD работы</a></div>  
<div><a href="#" title="Скачать PhotoShop" alt="Скачать PhotoShop бесплатно">Скачать PhotoShop</a></div>  
<div><a href="#" title="Уроки по PS" alt="Уроки по PS">Уроки по PS</a></div>  
<div><a href="#" title="Градиенты" alt="Скачать Градиенты бесплатно">Градиенты</a></div>  
<div><a href="#" title="Шрифты" alt="Скачать Шрифты бесплатно">Шрифты</a></div>  
<div><a href="#" title="Стили" alt="Скачать Стили бесплатно">Стили</a></div>  
<div><a href="#" title="Кисти" alt="Скачать Кисти бесплатно">Кисти</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="/"><span>Прочее</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Готовые сервера" alt="Скачать Готовые сервера бесплатно">Готовые сервера</a></div>  
<div><a href="/" title="Текстуры" alt="Скачать Текстуры бесплатно">Текстуры</a></div>  
<div><a href="/" title="Плагины" alt="Скачать Плагины бесплатно">Плагины</a></div>  
<div><a href="/" title="Клиент" alt="Скачать Клиент бесплатно">Клиент</a></div>  
<div><a href="/" title="Разное" alt="Скачать Разное бесплатно">Разное</a></div>  
<div><a href="/" title="Карты" alt="Скачать Карты бесплатно">Карты</a></div>  
<div><a href="/" title="Моды" alt="Скачать Моды бесплатно">Моды</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="http://zornet.ru/"><span>Файлы</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Игры для PC" alt="Скачать Игры для PC бесплатно">ZORNET.Ru</a></div>  
<div><a href="/" title="Игры для PSP" alt="Скачать Игры для PSP бесплатно">ZORNET.Ru</a></div>  
<div><a href="/" title="Игры для PS2" alt="Скачать Игры для PS2 бесплатно">ZORNET.Ru</a></div>  
<div><a href="/" title="Игры для XBox360" alt="Скачать Игры для XBox360 бесплатно">ZORNET.Ru</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="/"><span>TF 2</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Готовые сервера" alt="Скачать Готовые сервера бесплатно">Готовые сервера</a></div>  
<div><a href="/" title="Модели" alt="Скачать Модели бесплатно">Модели</a></div>  
<div><a href="http://zornet.ru/" title="Клиент" alt="Скачать Клиент бесплатно">Клиент</a></div>  
<div><a href="/" title="Карты" alt="Скрипты и шаблоны uCoz">Скрипты uCoz</a></div>  
<div><a href="/" title="Моды" alt="Скачать Моды бесплатно">Моды</a></div>  
</span>  
</div>  
</div>  
</div>  
</div>  
<div class="menu_hr"><li><a href="/"><span>L4D</span></a>  
<div class="menu_h_sub_c">  
<div class="menu_h_sub">  
<div class="menu_h_sub_m">  
<span class="menu_h_m">  
<div><a href="/" title="Скачать Left 4 Dead" alt="Скачать Left 4 Dead бесплатно">Скачать Left 4 Dead</a></div>  
<div><a href="/" title="Готовые сервера" alt="Скачать Готовые сервера бесплатно">Готовые сервера</a></div>  
<div><a href="/" title="Программы" alt="Скачать Программы бесплатно">Программы</a></div>  
<div><a href="/" title="Плагины" alt="Скачать Плагины бесплатно">Плагины</a></div>  
<div><a href="/" title="Модели" alt="Скачать Модели бесплатно">Модели</a></div>  
<div><a href="/" title="Карты" alt="Скачать Карты бесплатно">Карты</a></div>  
<div><a href="/" title="Моды" alt="Скачать Моды бесплатно">Моды</a></div>  
<div><a href="/" title="Прочее" alt="Скачать Прочее бесплатно">Прочее</a></div>  
</span>  
</div>  
</div>  
</div>  
</li>  
</div>  
</ul>  
</div>  
</div>  
</div>  
</div>  
<div id="content_full" class="content_all_full">


Скрипт полностью исправлен и проверен, что предоставляю вам изображение с тестового сайта.

Красивый вверх сайта для uCoz
06.05.2012 Загрузок: 46 Просмотров: 2294 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 6
Kosten
Kosten 29.01.2014 19:361
0
malenovski, не знаю как вы ставили. Но эту шапку я устанавливал на форум.
avatar
Admin9770 01.06.2016 17:152
0
Шапка не работает выдает вот токой вот казус
Сопрано
Сопрано 01.06.2016 17:413
0
Возможно уже под систему не подходит, сейчас много чего не в масть идет, что раньше было все нормально.
Kosten
Kosten 01.06.2016 18:054
0
Но все не нужно своить к обновлению системы, есть скрипты которые не работают, это больше относится к дизайн, она работала нормально на самом первом сайте, попробую поставить на тестовый.
avatar
Admin9770 01.06.2016 18:285
0
Я вот такую зделал вроде нармально получилось осталось только поиск добавить

biggrin biggrin biggrin
Kosten
Kosten 01.06.2016 18:526
+1
Admin9770, исправил, код на шапку был изначально не правильный. Проверил на тестовом сайте и скрин прикрепил к материалу шапки.
avatar