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


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



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



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

3D кнопки при помощи стиля css

3D кнопки при помощи стиля css 3D, кнопки, помощи, стиля
Создание 3D кнопок. Хорошо применима для кнопочки какого либо раздела или правила, что выдает ее яркость и красоту.
В данном виде кнопок не участвует графика что делает загрузку страницы на много быстрей чем с графикой. кнопки при помощи стиля css
3D кнопки создаются с помощью CSS стиля не большого и не сложного, с неким отступом для бордюра
Для создания разных кнопок мы подойдем создаю к каждой отдельно с стилем в отдельности

Итак 1 вариант
css стиль кнопки , вставляется в таблицу стилей и работает на всем сайте, настройки цветности и размеров указанны в записях подсказках:
Code
.button12{
  background-color: #ff6600; /* Цвет фона */
  border: 1px #ff6600 outset; /* Цвет бордюра */
  padding: 0 2px; /* Отступ бордюра */
  text-decoration: none; /* Запретить декорацию текста */
  font: bold 10px Verdana; /* Размер шрифта и тип его */
}
.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
  color: #FFFFFF; /* Цвет текста при наведение */
}

Вывод стиля на кнопку ссылки производится при помощи класса class="button12" таким образом
Code
<a href="http://ucozon.ru/" class="button12">UCOZON.RU</a>


  • второй вариант кнопки живой в стандарте 3D
    css 3D стиль кнопки , вставляется в таблицу стилей и работает на всем сайте, настройки цветности и размеров указанны в записях:

    Code
    .button14:visited{
      color: black; /* Цвет текста посещенный */
    }
    .button14:hover{
      border-style: inset; /* Тип бордюра*/
      color: black; /* Цвет текста при наведение */
      background-color: #e3f48e; /* Цвет фона при наведение */
      padding: 2px 3px 0 5px; /*Отступы бордюра кнопки*/
    }
    .button14:active{
      color: black; /* Цвет текста активный */
    }
    .button14:hover{
      background-color: #FF9900; /* Цвет фона при наведение */
    }

    Вывод стиля на ссылку составления 3D кнопки
    Code
    <a href="http://ucozon.ru/" class="button14">UCOZON</a>

    Все очень просто и работает во всех браузерах без проблем, так как стиль этот уже довольно долго используется на кнопках.
  • Автор\Источник: не указан или не известен!

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 2739 | Рейтинг: 5.0/1 | |Категория: Скрипты Разное | Добавил: мир | Дата: 06.06.2011 | Скачали: 0 | Теги: стиля, помощи, кнопки, 3D
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 0

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

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


    Поиск


    На форуме

    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