Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Оригинальная шапка сайта
Оригинальная шапка сайта
#1 Дата: 06.05.2012, 15:12
http://nagan-cs.3dn.ru/_ld/6/53875752.png
Привет свами DestiN,и сегодня мы зделаем такую шапку как у меня на сайте.

И так приступим:

Вот этот код ставим в самый css:
Привет свами DestiN,и сегодня мы зделаем такую шапку как у меня на сайте.

И так приступим:

Вот этот код ставим в самый css:

Code
/* Верхняя часть шапки */
.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;}
/* ------------------ */

,

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

Code
<div id="container_wrap"><br><div id="hnav_full"><br><div class="head"><br><div class="bg_top_m_c"><br><div class="bg_top_m_l"><br><div class="bg_top_m_r"><br><div class="bg_top_logo"><br><div class="icons"><br><a href="/load/rss" title="RSS"><div class="icon1"></div></a><br><a href="/forum/0-0-1-34" title="Ленточный вариант форума"><div class="icon3"></div></a><br></div><br></div><br></div><br></div><br></div><br><div class="bg_rek_on"><a href="http://exe-up.ru/"> <br> <img src="http://nagan-cs.3dn.ru/images/15.png" border="0" alt="Свободно" width="468" height="60"></a></div><br><div class="logo"></div><br></div><br><div class="bg_bottom_m_c"><br><div class="bg_bottom_m_l"><br><div class="bg_bottom_m_r"><br><div class="middle_hmenu"><br><ul class="menu_h"><br><div class="menu_hr"><li><a href="/"><span>Главная</span></a></li></div><br><div class="menu_hr"><li><a href="/forum"><span>Форум</span></a></li></div><br><div class="menu_hr"><li><a href="/blog"><span>Онлайн видео</span></a></li></div><br><div class="menu_hr"><li><a href="/load"><span>Файлы</span></a></li></div><br><div class="menu_hr"><li><a href="http://nagan-cs.3dn.ru/load/vse_dlja_ucoz/skripty_dlja_ucoz/3"><span>Скрипты ucoz</span></a></li></div><br></li><br></div><br></ul><br></div><br></div><br></div><br></div><br><div id="content_full" class="content_all_full">


вот почти и всё осталось скачать вайлы и залить папку "shapka_new" в корень вашего сайта и всё готово.
Скачать--> http://narod.ru/disk/48303635001.f55846796ef29834db09f987b205ee6b/603_shapka_new.rar.html


Привет хочу вас познокомить с двумя сайтами это с http://csomsk.ru/ и http://cssomsk.ru/
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Оригинальная шапка сайта
Страница 1 из 11
Поиск: