RUB
Платежи проходят через сервис ROBOKASSA
visa/mastercard
Visa / MasterCard
qiwi
qiwi
yandex
yandex
beeline
beeline
mts
mts
tele2
tele2
alfa
alfa
sber
sber
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Кнопки для сайта на css

Красивые кнопки для сайта на css
Просмотров: 2453  Скачан: 217 раз  Комментариев в теме: 0

Красивые кнопки для сайта реализованные с помощью css, кнопки представлены разного цвета, ничего лишнего, отлично подойдут к светлому дизайну сайта.

Шаг 1 - создание разметки

 

HTML

<div class="container">
    <div class="topList clear">
        <a href="#" class="button grey">Download</a>
        <a href="#" class="button red">Download</a>
        <a href="#" class="button blue">Download</a>
        <a href="#" class="button green">Download</a>
        <a href="#" class="button black">Download</a>
        <a href="#" class="button yellow">Download</a>
        <a href="#" class="button purple">Download</a>
        <a href="#" class="button gblue">Download</a>
    </div>
    <div class="groupList clear">
        <a href="#" class="button grey left">Download</a>
        <a href="#" class="button grey right">Demo</a>
        <a href="#" class="button blue left">Downloads</a>
        <a href="#" class="button blue middle">Demo</a>
        <a href="#" class="button blue right">Information</a>
        <a href="#" class="button yellow left">Download</a>
        <a href="#" class="button yellow middle">Demo</a>
        <a href="#" class="button yellow middle">Wow another button</a>
        <a href="#" class="button yellow right">Information</a>
    </div>
    <div class="largeList clear">
        <a href="#" class="button yellow large">Download</a>
        <a href="#" class="button red large">Demo</a>
        <a href="#" class="button purple large">Wow another button</a>
        <a href="#" class="button gblue large left">Information</a>
        <a href="#" class="button gblue large middle">Information</a>
        <a href="#" class="button gblue large right">Information</a>
    </div>
</div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />
Материалы по теме:

Красивые кнопки на css3Красивые кнопки на css3

Оригинальные кнопки на css3, вам дано на выбор несколько кнопок, каждая по своему привлекательна, без сомнения посетители вашего сайта не останутся ра...

Pack кнопок #2 на CSS3Pack кнопок #2 на CSS3

Pack кнопок 2, в паке представлены 20 кнопок на css3 с разными иконками....

12 кнопок с анимацией на css312 кнопок с анимацией на css3

Представлено 12 кнопок с разной анимацией, так как кнопки на css3, в старых браузерах полноценно они работать не будут....

Социальная панель на css3Социальная панель на css3

Красивая раскрывающиеся социальная панель на css3 с использованием иконических шрифтов. При наведении курсора на значок, происходит раскрытие панели, ...

Кнопки с градиентом на css3Кнопки с градиентом на css3

Кнопки с градиентом, такие кнопки можно встретить довольно часто......

Pack кнопок на CSS3Pack кнопок на CSS3

Pack стильных кнопок на css3, в паке представлены восемь кнопок разного размера и цвета....

Pack кнопок #3 на CSS3Pack кнопок #3 на CSS3

Pack кнопок №3 на css3, в пак вошло около 70 кнопок разного размера, цвета (круглые, прямоугольные, градиентные)....
Интересные публикации:

Социальные иконки на css3Социальные иконки на css3

Социальные иконки на css3, при наведении курсора на иконку, она делается полупрозрачной....

Аккордеон изображенийАккордеон изображений с помощью css3

Красивый горизонтальный аккордеон для вывода изображений на сайте....

Оригинальные кнопки с помощью css3Оригинальные кнопки с помощью css3

Оригинальные кнопки на css3, при наведении курсора на кнопку, она изменяет свой вид (растягивается, округляется, перекручивается)....

Rotator на css и jQueryRotator на css и jQuery

Стильный Rotator для вашего сайта, ротатор довольно информативный, имеются миниатюры, слайд-шоу, при клике по......

Вертикальное меню аккордеон на css и JQueryВертикальное меню аккордеон на css и JQu...

Стильное вертикальное меню аккордеон.

Красивые кнопки на css3Красивые кнопки на css3

Оригинальные кнопки на css3, вам дано на выбор несколько кнопок, каждая по своему привлекательна, без сомнения посетители вашего сайта не останутся ра...

ZeniZeni

Красивый шаблон построенный на html5 для блога или портфолио, на главной странице расположен привлекательный слайдер......
  • Текущий 1.50/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 1.5/5( Голосов 8 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить