Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Что за новые, модные кнопки?

Что за новые, модные кнопки?


     21.07.2014    Стили (CSS), Ламерские вопросы    1292

вопрос
Собственно уже не в первый раз замечаю вот такие кнопки http://ufapups.com/login.html (Войти/Зарегистрироваться).

Это что-то типо стилизированых кнопок как у bootstrap? Если да, то дайте, пожалуйста, сайт разработчика!

Ответа пока нет


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

Julius123
61 | 6

Julius123 - 21 июля 2014 19:42 - Юзер

Тоже интересует

vitnet
218

2173 | 930

vitnet - 21 июля 2014 22:35 - Эксперт


Gopr
10

494 | 164

Gopr - 21 июля 2014 22:20 - Юзер

Примерно так:
<button type="button" name="" value="" class="bbcodes">Кнопка 1</button>
<input type="button" value="Кнопка 2" class="bbcodes"/>
<span class="bbcodes">Кнопка 3</span>
<a href="#" class="bbcodes" style="color:#fff" >Кнопка 4</a>

<style>
.bbcodes, .bbcodes_poll {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;padding:3px 7px;background:-o-linear-gradient(top,#82a4b8 0,#7999ab);background:-moz-linear-gradient(top,#82a4b8 0,#7999ab);background:-webkit-gradient(linear, left top, left bottom, from(#82a4b8),to(#7999ab));border-radius:4px;border:1px solid #708d9e;box-shadow:0 1px 3px rgba(18,6,18,0.3),inset 0 -1px 0 rgba(85,107,120,0.9);cursor:pointer}
.bbcodes:hover, .bbcodes_poll:hover {background:-o-linear-gradient(top,#7999ab 0,#6c94ab);background:-moz-linear-gradient(top,#7999ab 0,#6c94ab);background:-webkit-gradient(linear, left top, left bottom, from(#7999ab),to(#6c94ab))}
.bbcodes:active, .bbcodes_poll:active {background:-o-linear-gradient(top,#6c94ab 0,#648a9f);background:-moz-linear-gradient(top,#6c94ab 0,#648a9f);background:-webkit-gradient(linear, left top, left bottom, from(#6c94ab),to(#648a9f))}
</style>

Стилей ток по желанию еще добавьте ;)

never3d222
22 | 1

never3d222 - 21 июля 2014 22:24 - Юзер

/*
==========================================================================
@author: Олег Александрович a.k.a. Sander
@website: http://sandev.pron
====

trouble
24

74 | 22

trouble - 21 июля 2014 22:33 - Юзер

Вот, пожалуйста кнопка!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 23.01.2014 NeZoX  Стили (CSS)