Приветствую Вас Прохожий | RSS Суббота, 25.02.2017, 23:33
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 7
Гостей: 7
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Синее меню для сайта by StraJ

Синее меню для сайта by StraJ Синее, меню, новинка, сайта, by, StraJ
Доброго времени суток. Вот решил выложить синее меню для сайта. По моему красиво получилось. И так приступим к установке.
Это ставим в то место где хотим видеть наше меню.
Code
<div class="menu">
  <ul id="hot" style="margin-left:15px;margin-right:15px;">
  <li><a href="/"><b>Главная</b></a></li>
  <li><a href="/forum"><b>Форум</b></a></li>
  <li><a href="/"><b>Ваша ссылка</b></a></li>
  <li><a href="/"><b>Ваша ссылка</b></a></li>
  <li><a href="/"><b>Ваша ссылка</b></a></li>
  <li><a href="/"><b>Ваша ссылка</b></a></li>
  <li><a href="http://www.live-real.ru/"><b>by StraJ</b></a></li>
  </ul></div>

А это ставим в CSS.
Code
.menu {height:37px;padding-top:4px;width:800px;height:50px;background-color:#ffffff;
border-width:0px;
border-color:#000000;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:0px 0px 9px #000000;
-webkit-box-shadow:0px 0px 9px #000000;
box-shadow:0px 0px 9px #000000;
background-image: -moz-linear-gradient(top, #0f6fff, #3f30ff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0f6fff), to(#3f30ff));
background-image: -o-linear-gradient(top, #0f6fff, #3f30ff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6fff', endColorstr='#3f30ff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6fff', endColorstr='#3f30ff')";
background-image: linear-gradient(top, #0f6fff, #3f30ff);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#hot {margin: 0; padding: 0; float: left; border: 0px; border-width:0px;}
#hot li {float: left;list-style: none;}
#hot li a{text-decoration: none;display: block;padding:7px 9px;color:#ffffff;margin-top:10px;text-shadow: 1px 1px 0px #000000;font-size:8pt; font-family:tahoma;}
#hot li a:hover {background-image: -moz-linear-gradient(top, #3f30ff, #0f6fff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#3f30ff), to(#0f6fff));
background-image: -o-linear-gradient(top, #3f30ff, #0f6fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f30ff', endColorstr='#0f6fff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f30ff', endColorstr='#0f6fff')";
background-image: linear-gradient(top, #3f30ff, #0f6fff);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius:5px;-moz-border-radius:5px;padding:7px 9px;color:#ffffff;text-shadow: 1px 1px 0px #000000;-moz-box-shadow:0px 0px 3px #000000;
-webkit-box-shadow:0px 0px 3px #000000;
box-shadow:0px 0px 3px #000000;}

P.S Если вы внимательно посмотрели на стиль в css то могли заметить что я использовал генераторы сss3.
Автор\Источник: http://www.live-real.ru/

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1340 | Комментарии: 6 | Рейтинг: 1.0/1 | |Категория: Скрипты Разное | Добавил: StraJ | Дата: 21.10.2011 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 6
6 kgs2009   Дата: 04.06.2012  Время: 23:19   [№ 13218]
А как растянуть что бы на всю длинну было?

5 yakana   Дата: 07.11.2011  Время: 00:03   [№ 11012]
Code
<p align="center">Текст по центру страницы.</p>

+1   Спам
3 ziz08   Дата: 06.11.2011  Время: 14:37   [№ 11007]
А как по центру меню сделать ?

-2   Спам
4 Phoenix36   Дата: 06.11.2011  Время: 18:36   1 [№ 11009]
Попробуй тегом <center>код меню</center>
Если что пиши в ЛС.

-2   Спам
2 Playmanovich   Дата: 21.10.2011  Время: 18:14   [№ 10823]

-2   Спам
1 Playmanovich   Дата: 21.10.2011  Время: 18:13   [№ 10822]
Классное меню я тоже выложу завтра


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Нужны дизайнеры

0

3 Вакансия копирайтера/пе...

1

4 Верстка

13

5 Файловик. Уникальные те...

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru