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

04 Июля 2012

Дорогие друзья сегодня публикую две подборки красивых css кнопок. Наверное у меня зависимость на всё красивом и то что сделано на чистом коде в интернете. Вот писал тоже интересный подобный материал - красивая форма подписки и тоже всё реализуется без участия изображений . Итак немного описания:

• У каждого вида кнопок есть положения: пассивное, при наведении, нажатая.
• Корректное отображение в популярных браузерах (Safari, Opera, Firefox, Chrome, в IE может отображаться некорректно)
• Кнопки полностью сделаны на коде (без использования изображений), что уменьшает нагрузку на сервер и незначительно увеличивает скорость загрузки страницы

1. Первая подборка красивых CSS кнопок

3D кнопки, при нажатии вдавливаются внутрь и создают эффект как будто их вдавили в экран, большой ассортимент цветов, что итак видно из демонстрирующей картинки. Автор этого зрелища - dimox за что ему хором Спа-си-бо ! Воспользуюсь моментом - наверно каждый из нас видел студии по созданию сайта, но недавно встретился сайт предлагающий переделку сайтов, согласитесь не часто такое встретишь.  Реализация не сложная для этого:

Вставка HTML

Вставляем html код в статью, в модуль или в другое место на вашем сайте (вам решать), если не получается в joomla вставить код, то вам - сюда

<button name="name" type="submit" class="submit">Отправить</button>

Вставка CSS + Демонстрация

Дабы не пугать вас количеством кода в статье и не нагружать страницу я нашёл альтернативу и разместил создал отдельную страницу где всё наглядно показано. Демонстрация красивых кнопок на CSS

2. Вторая подборка красивых CSS кнопок

Очень красивые кнопки имеющие тоже 3 положения и фоновую текстуру сделанную на CSS. Реализуется так:

Вставка Html

Одна строка отвечает за одну кнопку, для ориентации смотрите атрибут - "class" чтоб понять какой цвет.

<a href="#" class="button button-brown"><span>Кнопочка</span></a>
<a href="#" class="button button-orange"><span>Кнопочка</span></a>
<a href="#" class="button button-purple"><span>Кнопочка</span></a>
<a href="#" class="button button-green"><span>Кнопочка</span></a>
<a href="#" class="button button-blue"><span>Кнопочка</span></a>
<a href="#" class="button button-red"><span>Кнопочка</span></a>

Вставка CSS

CSS код данных кнопок просто огромен поэтому было бы не целесообразно выкладывать их прямо в статье. CSS код я разместил в текстовом документе который предлагаю скачать.

Свои вопросы можете задавать в комментариях ниже, а также рекомендации по усовершенствовании. На этом всё, пока !

Комментарии  

 

0 # eldarbal 07.07.2012 16:34

у вас ошибка в заголовке поста или это специально?

Ответить | Ответить с цитатой | Цитировать

 

 

+2 # Intelligent 07.07.2012 19:08

Нет это ошибка, просто пишу обычно ночью и клаву не видно приходится писать в слепую, вот и ошибка на ошибке

Ответить | Ответить с цитатой | Цитировать

 

 

+2 # Николай 16.11.2012 12:31

Я посмотрел - кнопки пример1 неправильно отображаються во всех браузерах кроме Firefox

Ответить | Ответить с цитатой | Цитировать

 

 

0 # Андрей 20.01.2013 10:42

Спасибо!

Очень красивые кнопочки.

Ответить | Ответить с цитатой | Цитировать

 

 

# Beatris 24.08.2018 22:05

When time's up, throw out whatever he hasn't eaten.

Also visit my homepage ... dog feeding station plans: http://www.facemook.com

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 27.07.2019 19:00

My sex Skype



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: https://kutt.it/o36uCb/|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/henia/|: http://gg.gg/henia/

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/henia/

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 03.08.2019 14:47

My sex Skype



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/mycam2019/|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/hennia/|: http://gg.gg/mycam2019/

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/mycam2019/

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 05.08.2019 17:42

Looking for a boyfriend



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/xxxvirt|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/xxxvirt|: http://gg.gg/xxxvirt

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/cam2020

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 07.08.2019 23:40

I am looking for a guy for sex



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myycamm|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myycamm|: http://gg.gg/sofia2019

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/cam2camm

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 10.08.2019 01:32

Looking for a boyfriend



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/my2019|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/mysexi|: http://gg.gg/my2019

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/my2019

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 12.08.2019 04:03

I am looking for a guy for sex



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/mu-cam|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/mu-cam|: http://gg.gg/ccaamm

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/ccaamm

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 15.08.2019 21:09

I am looking for a guy for sex



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/mypyssy|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/mypyssy|: http://gg.gg/myaas

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/mypyssy

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 17.08.2019 18:45

Looking for a boyfriend



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/camzcam|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/camzcam|: http://gg.gg/c2c-cam

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/camzcam

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 19.08.2019 16:09

My sex Skype



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/mysexcam|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/my-camss|: http://gg.gg/my-camss

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/mysexcam

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 21.08.2019 13:30

My sex Skype



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/ass2019|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/2019xxx|: http://gg.gg/2019xxx

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/2019xxx

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 22.08.2019 13:14

Looking for a boyfriend



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/mooms|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/mmiiss|: http://gg.gg/mooms

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/mmiiss

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 24.08.2019 17:26

My sex Skype



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myhomevid|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/cams2019|: http://gg.gg/myhomevid

Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019


Fuck me in the ass and pussy on camera for free !!!
http://gg.gg/myhomevid

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 26.08.2019 22:10

Looking for a boyfriend



I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!

http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/c2c-2019|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/c2c-2019|: http://gg.gg/2018xxx

Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/virt-2019


Fuck me in the ass and pussy on camera for free !!!
http://gg.gg/c2c-2019

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 29.08.2019 06:52

Looking for sex
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myhomesex|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myhomesex|: http://gg.gg/home-video
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck on camera for free!
http://gg.gg/home-video
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 31.08.2019 16:36

My sex Skype
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myy-ass|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myy-ass|: http://gg.gg/home-video
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/sex-home
-------------------------------
Fuck on camera for free!
http://gg.gg/myy-ass
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 03.09.2019 01:02

My sex Skype
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myy-ass|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myy-ass|: http://gg.gg/home-video
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/myy-ass
-------------------------------
Fuck on camera for free!
http://gg.gg/sex-home
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# TiffanySuini 04.09.2019 23:42

I am looking for a guy for sex
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myy-ass|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myy-ass|: http://gg.gg/myhomesex
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck me in the ass and pussy on camera for free !!!
http://gg.gg/sex-home
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# JulieJaw 06.09.2019 21:28

I am looking for a guy for sex
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://miss-bdsm.mcdir.ru|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://miss-bdsm.mcdir.ru|: https://cutt.us/home2019
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck on camera for free!
https://cutt.us/home2019
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# JulieJaw 08.09.2019 18:25

Looking for a boyfriend
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/myyccaam|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: http://gg.gg/myyccaam|: http://miss-bdsm.mcdir.ru
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/myyccaam
-------------------------------
Fuck on camera for free!
http://gg.gg/myyccaam
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# JulieJaw 10.09.2019 16:25

Looking for a boyfriend
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: https://cutt.us/home2019|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: https://cutt.us/home2019|: https://cutt.us/home2019
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
http://gg.gg/myyccaam
-------------------------------
Fuck on camera for free!
http://gg.gg/myyccaam
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# Caroltam 12.09.2019 22:42

I’m completely naked. Wanna see the photo? My nickname is Henia on the site - http://gg.gg/2019hehia

Looking for sex
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
http://skype.miss-bdsm.mcdir.ru/img/77.jpg: http://gg.gg/assholle|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: https://cutt.us/home2019|: https://cutt.us/home2019
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck on camera for free!
https://cutt.us/home2019
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# Caroltam 15.09.2019 07:09

I’m completely naked. Wanna see the photo? My nickname is Henia on the site - https://cutt.us/asholee

Looking for sex
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
[url=https://cutt.us/asholee ]http://skype.miss-bdsm.mcdir.ru/img/77.jpg|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: https://cutt.us/home2019|: https://cutt.us/home2019
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck on camera for free!
https://cutt.us/home2019
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# Caroltam 16.09.2019 21:05

Looking for hook up with a stranger! Ready for any experiments! - https://cutt.us/asholee

My sex Skype
-------------------------------
I really want to fuck myself in the ass on the camera!!!!
I'm waiting for you!!
and my ass wants to fuck!
-------------------------------
[url=https://cutt.us/home2019 ]http://skype.miss-bdsm.mcdir.ru/img/77.jpg|
My cunt is always wet mmm ....
http://skype.miss-bdsm.mcdir.ru/img/21.jpg: https://cutt.us/home2019|: https://cutt.us/home2019
-------------------------------
Register and write me my nickname Xenia21
Link to my free webcam
https://cutt.us/home2019
-------------------------------
Fuck me in the ass and pussy on camera for free !!!
https://cutt.us/asholee
-------------------------------

Ответить | Ответить с цитатой | Цитировать

 

 

# Vickitheni 15.10.2019 16:00

Лучшие системы тумана для кафе

Ответить | Ответить с цитатой | Цитировать

 

Обновить список комментариев
RSS лента комментариев этой записи

Добавить комментарий

Имя (обязательное)

E-Mail (обязательное)

Подписаться на уведомления о новых комментариях

Обновить

Отправить

Отменить