Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 17:36
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 27
Гостей: 26
Пользователей: 1
LESIYI



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

Горизонтальное CSS меню для сайта

Горизонтальное CSS меню для сайта

Это в CSS:

Code
/* Menus */
#menu li {
   display: inline-block;
   list-style:none;
   width: 98px;
   height: 22px;
   text-align: center;
   padding-top: 3px;
   background-repeat:no-repeat;
   color: #ffffff;
   background-position:center;
}
.mattblacktabs{
   width: 100%;
   overflow: hidden;
   border-bottom: 1px solid #363636;   
   background: #FFA500;
   width: 944px;   
   border-left: 1px solid #363636;
   border-right: 1px solid #363636;
   border-top: 1px solid #363636
}

.mattblacktabs ul{
   margin: 0;
   padding: 0;
   padding-left: 0;   
   font: 12px Arial, Helvetica, sans-serif;
   list-style-type: none;
}

.mattblacktabs li{
   display: inline;
   margin: 0;
}

.mattblacktabs li a{
   float: left;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 3px 8px;   
   border-right: 1px solid #363636;   
   color: #857040;
   background: #FFA500;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #E8E8E8; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/* --------- */

Это туда, где хотите видеть меню:

Code

<!-- МЕНЮ -->
<DIV class="mattblacktabs">
   <UL>
   <LI><A href="/">Главная</A></LI>
   <LI><A href="/index/0-2">Гостевая</A></LI>
   <LI><A href="/load">каталог файлов</A></LI>
   <LI><A href="/news">Новости сайта</A></LI>
   <LI><A href="/dir">каталог сайтов</A></LI>
   <LI><A href="ссылка">Видеотека</A></LI>
   <LI><A href="ссылка">обоины</A></LI>
   <LI><A href="http://winskin.ru">winskin.ru</A></LI>
   <LI><A href="ссылка">Разное</A></LI>
   <LI><A href="ссылка">Партнёрам</A></LI>
   <LI><A href="/forum">форум сайта</A></LI>
   <LI><A style="border-right:none; width: 33px;"  href="ссылка">ссылка</A></LI></UL></DIV>
<!--/МЕНЮ-->

Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 12841 | Комментарии: 4 | Рейтинг: 3.0/3 | |Категория: Скрипты Разное | Добавил: ALINA | Дата: 15.05.2010 | Скачали: 0 | Теги: css, Горизонтальное, сайта, Для, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 brutalkiller   Дата: 14.03.2012  Время: 12:45   [№ 12555]
Как сделать что бы меню стояло по центру?

2 kerovan   Дата: 06.01.2011  Время: 05:58   [№ 5744]
как растянуть на всю длину?

3 mdbaner   Дата: 06.01.2011  Время: 08:28   1 [№ 5745]
width: 944px; изменить на width: 100%;

1 Intelligent   Дата: 15.05.2010  Время: 12:18   [№ 2941]
Поставил себе на сайт всё работает!
Спс! +


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

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


Поиск


На форуме

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

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

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

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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