Страница 1 из 11
Модератор форума: -SAM- 
Активный форум » WEB-мастеру » Скрипты для uCoz » Верхнее меню сайта
Верхнее меню сайта
BloodJkeee Offline
Дата: Пт, 12.04.2013, 14:28:35 | Сообщение # 1
Аватарка BloodJkeee
Премиум
Сообщения: 1576
Награды: 10
Отзывы: 144
[Table][/Table]
[Table]
Верхняя часть сайта:
[/Table]
Код
<div class="wrap">
<div class="h_menus">
<div class="h_menu">
<ul>
<li><a href="/">Главная страница</a></li>
<li><a href="/load">Каталог файлов</a></li>
<li><a href="/publ">Каталог статей</a></li>
<li><a href="/news">Новости сайта</a></li>
<li><a href="/forum">Форум сайта</a></li>
</ul>
</div>
<div class="right">
<div class="h_panel">
<a href="/index/3"><div class="h_reg"></div></a>
<a href="$LOGIN_LINK$"><div class="h_in"></div></a>
</div>
<div class="h_panel1">
<a href="Ваша ссылка"><div class="h_ico1"></div></a>
<a href="Ваша ссылка"><div class="h_ico2"></div></a>
<a href="Ваша ссылка"><div class="h_ico3"></div></a>
</div>
</div>
</div>
<div class="header"></div>

[Table]
В самый верх CSS:
[/Table]
Код
/* Верхнее меню */
.wrap {width:1054px; margin:0px auto; position:relative; text-align:left;}
.side {background:#212121; overflow:hidden; border-radius:5px; margin-top:8px; text-align:left;}
.side_left {float:left; width:237px; overflow:hidden; margin:8px;}
.side_right {float:right; width:237px; overflow:hidden; margin:8px;}
.side_center {margin:8px 263px 0;}
body {background:#229ccf; padding:0; margin:0; text-align:center; padding:0; margin:0;}
body, td {color:#fff; font:13px Cuprum; padding:0; margin:0; font-style:italic;}

a {color:#fff; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:0;}

background-color: #3366CC;
.left {float:left;}
.right {float:right;}

p {margin:10px 0;}
hr {border-top:1px dotted #9d7a59; border-bottom:none; border-left:none; border-right:none;}
ul,li {display:block; padding:0; margin:0; list-style:none;}

.h_menus {height:45px; overflow:hidden; margin-top:10px;}
.h_menu {background:url(/Header/h_menu.png) no-repeat; width:733px; height:45px; overflow:hidden; margin:0 auto; float:left;}
.h_menu ul {height:45px; display:block; float:left;}
.h_menu li {background:url(/Header/h_line.png) no-repeat right; float:left; height:45px; line-height:30px;}
.h_menu li a {height:30px; display:inline-block; padding:0 20px 0 10px; margin-left:8px; color:#fff; text-decoration:none; margin-top:7px; text-shadow:1px 1px #6f6f6f;}
.h_menu li a:hover {background:url(/Header/h_menu_left.png) no-repeat left,url(/Header/h_menu_right.png) no-repeat right,url(/Header/h_menu_center.png) repeat-x center; text-shadow:1px 1px #595959;}
.h_panel {background:url(/Header/h_panel.png) no-repeat; float:left; width:171px; height:45px; margin-right:4px;}
.h_reg {background:url(/Header/h_reg.png) no-repeat; width:84px; height:28px; float:left; margin:8px 0 0 14px;}
.h_in {background:url(/Header/h_in.png) no-repeat; width:52px; height:28px; float:left; margin:8px 0 0 5px;}
.h_panel1 {background:url(/Header/h_panel1.png) no-repeat; float:right; width:143px; height:45px;}
.h_ico1 {background:url(/Header/h_ico.png) no-repeat 0 0; width:28px; height:27px; float:left; margin:9px 0 0 17px;}
.h_ico2 {background:url(/Header/h_ico.png) no-repeat 0 -27px; width:28px; height:27px; float:left; margin:9px 0 0 10px;}
.h_ico3 {background:url(/Header/h_ico.png) no-repeat 0 -54px; width:28px; height:27px; float:left; margin:9px 0 0 10px;}
.header {overflow:hidden; width:1054px;}
/* ------------------ */

[Table]1. Скачиваем архив и распаковываем его в любое место.[/Table] [Table]2. Создаем в файловом менеджере папку под названием Header.[/Table] [Table]3. Далее загружайте все картинки, которые хранятся внутри архива.[/Table]
Прикрепления: Header.rar(33Kb)

Сообщение отредактировал BloodJkeee - Вс, 14.04.2013, 13:04:19
Towa Offline
Дата: Вс, 14.04.2013, 12:49:52 | Сообщение # 2
Аватарка Towa
Премиум
Сообщения: 1998
Награды: 11
Отзывы: 75
BloodJkeee, Спасибо за меню, взял себе good только чуточку переделал
BloodJkeee Offline
Дата: Вс, 14.04.2013, 13:06:16 | Сообщение # 3
Аватарка BloodJkeee
Премиум
Сообщения: 1576
Награды: 10
Отзывы: 144
[Table]UPP:[/Table]

M-SET Offline
Дата: Вс, 14.04.2013, 22:20:32 | Сообщение # 4
Аватарка M-SET
:: ПЛАГИАТОР ::
Banned Users
Сообщения: 60
Награды: 0
Отзывы: 1
Хорошее меню, забрал!
Pavrl Offline
Дата: Пн, 15.04.2013, 19:20:03 | Сообщение # 5
Аватар не установлен
Пользователь
Сообщения: 54
Награды: 0
Отзывы: 0
Красивое меню
-keke- Offline
Дата: Пт, 10.05.2013, 21:13:57 | Сообщение # 6
Аватарка -keke-
Премиум
Сообщения: 1299
Награды: 15
Отзывы: 79
Классное меню
jaD^ Offline
Дата: Ср, 15.05.2013, 17:37:04 | Сообщение # 7
Аватарка jaD^
SWAGG
Постоянный
Сообщения: 402
Награды: 302
Отзывы: 32
Спасибо за меню,на сайте красиво смотрится good
[QeNzEroK] Offline
Дата: Ср, 15.05.2013, 21:41:50 | Сообщение # 8
Аватар не установлен
★Human Revolution★
Премиум
Сообщения: 317
Награды: 34
Отзывы: 0
красиво , даже очень
z1MO_ok Offline
Дата: Ср, 15.05.2013, 22:26:27 | Сообщение # 9
Аватарка z1MO_ok
Пользователь
Сообщения: 143
Награды: 2
Отзывы: 21
BloodJkeee, По скрину верстал или был макет? Прости, но верстка ужасна. Выглядит хорошо, но код... Больше тренируйся, но при этом не выкладывай в паблик.
В верстке предусмотрено тот факт, если пользователь войдет в профиль и кнопки исчезнут?
Тренируйся...

---Ну так выложи свой вариант верстки, в чём проблема?--- © -SAM-
Сообщение отредактировал artmen_ok - Ср, 15.05.2013, 22:28:52
HKCOREJZ Offline
Дата: Пт, 17.05.2013, 11:34:35 | Сообщение # 10
Аватар не установлен
Ищи меня наМОРЕЕЕ
Пользователь
Сообщения: 167
Награды: 2
Отзывы: 8
красивое меню,спасибо тебе)
BloodJkeee Offline
Дата: Пт, 17.05.2013, 13:43:18 | Сообщение # 11
Аватарка BloodJkeee
Премиум
Сообщения: 1576
Награды: 10
Отзывы: 144
artmen_ok, Кто сказал, что я автор данной верстки?
Zenum Offline
Дата: Ср, 19.06.2013, 09:32:37 | Сообщение # 12
Аватарка Zenum
Премиум
Сообщения: 140
Награды: 4
Отзывы: 3
У меня не работает..
Активный форум » WEB-мастеру » Скрипты для uCoz » Верхнее меню сайта
Страница 1 из 11
Поиск: