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


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



Статистика
Онлайн всего: 18
Гостей: 15
Пользователей: 3
MaDaRa, LESIYI, alexman91



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

Вертикальное меню с информацией о материалах на CSS

Вертикальное меню с информацией о материалах на CSS Вертикальное, меню, информацией, материалах
  • Описание:
    Меню достаточно компактное, не занимает много места.Вертикальное меню с информацией о материалах на CSS. В основе рассчитано для сайтов со светлым оформлением. Вертикальное меню со счетчиком на CSS – это меню с заголовком, ссылки в котором могут иметь оформленный счетчик рядом. Счетчик будет отображаться справа от надписи в ссылке. Таким образом, можно сделать меню для социальной сети: к примеру, счетчик полезен для ссылки на сообщения или ленту новостей.

  • Установка:
    в ТАБЛИЦУ СТИЛЕЙ css:
    Code
    <style type="text/css">
    .over_1 {width:180px;text-align:left;}
    .titl {text-align:left;padding:7px;margin:0;font-size:14px;font-family:Arial;color:white;background:#4B4F55;display:block}
    .menus {text-align:left;border-bottom:1px solid #D8D8D8}
    .menus a sup {font-family:Arial;margin-top:-1px;float:right;font-size:10px;border-radius:13px;padding:3px;background:#efefef;color:#646464}

    .menus a.active sup {font-family:Arial;margin-top:-1px;float:right;font-size:10px;border-radius:13px;padding:3px;background:#F13B3B;color:white}

    .menus a {
    border-left:1px solid #D8D8D8;
    border-right:1px solid #D8D8D8;
    font-family:Arial;
    font-size:14px;
    background:white;
    display:block;
    padding:7px;
    color:#8B8E93;
    border-bottom:1px solid #F0F0F0;
    text-decoration:none;
    }
    .menus a.active {
    font-family:Arial;
    display:block;
    font-size:14px;
    padding:7px;
    color:#FFFFFF;
    border-bottom:1px solid #62666B;
    text-decoration:none;
    background:#6E757F;
    border-left:1px solid #6E757F;
    border-right:1px solid #6E757F;
    }
    .menus a:hover {
    font-family:Arial;
    display:block;
    font-size:14px;
    padding:7px;
    color:#FFFFFF;
    border-bottom:1px solid #62666B;
    text-decoration:none;
    background:#6E757F;
    border-left:1px solid #6E757F;
    border-right:1px solid #6E757F;
    }
    </style>

    Код самого меню вставляем по существу на его место предварительно настроив и изменив ссылки.
    Code
    <div class="over_1">
    <div class="titl">Меню</div>
    <div class="menus">
    <a href="#" class="active"><sup>56</sup>Лента</a>
    <a href="#"><sup>32</sup>Сообщения</a>
    <a href="#">Новая запись</a>
    <a href="#">Выход</a>
    </div>
    </div>
  • Автор\Источник: http://yraaa.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 2635 | Комментарии: 1 | Рейтинг: 3.7/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 13.03.2012 | Скачали: 0 | Теги: вертикальное, материалах, информацией, меню
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 1
    1 benimax7   Дата: 16.03.2012  Время: 14:01   [№ 12576]
    Благодарю, искал


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

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


    Поиск


    На форуме

    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