Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Красивая кнопка CSS

Красивая кнопка CSS

Опубликовал: artCreative™
Категория: Переключатели и кнопки
Дата: 19 Июня 2025 в 09:36

0 голосов

Презентую Вам красивую кнопку сделанную только при помощи CSS. Делал для своего блога, но увидел, что уже начали рипать, по этому решил не усложнять и без того не простую работу риперов.

И так, приступим.

1) HTML код, вставляете там, где Вам нужно

Код

Как Вы наверное уже заметили - мы присвоили input свой стиль - "butfr2".

2) В свой CSS прописываем следующее.

Код

/* Button by Suglobovwlad (KoT)*/
  .butfr2 {-moz-transition: all 0.3s ease 0s;-moz-box-sizing: border-
  box;background: url("/un_images/highlight_buttom2.png") repeat-x scroll center top #ECAE0F;border: 1px solid #F3970C;border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);color: #FFFFFF;cursor: pointer;display: inline-block;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 12px;font-style: normal;height: 26px;line-height: 26px;outline: medium none;width: 400px;padding: 0 6px;text-align: center;text-shadow: 0 -1px 0 #8CAD36;}
  a.butfr2 {color: #FFFFFF;display: inline-block;}
  .butfr2:hover, .button[href]:hover, .buttonProxy:hover .button {background-
  color: #FAB80E; border: 1px solid #F3970C; color: #FFFFFF;text-decoration: none;}
  .butfr2:active, .button.ToggleButton.checked, .buttonProxy:active .button
  {background-color: #ECAE0F; border: 1px solid #F3970C; color: #FFFFFF;outline: 0 none;}
  /*----------*/

Спонсор материала: Студия Веб-Дизайна RealARTs

Ссылка на источник материала

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 737 | Комментариев: 1 « Назад

Теги материала: css, красивая, кнопка

Комментарии пользователей

Порядок вывода комментариев:

Like 0
Цитировать

Написано 11 Февраля 2013 в 22:01
Комментарий №1

Sandu

супер клас

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » Красивая кнопка CSS

Красивая кнопка CSS

Комментарии пользователей