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

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

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

alt

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

Вставка HTML

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

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

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

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

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

alt

Очень красивые кнопки имеющие тоже 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
Лучшие системы тумана для кафе
Ответить | Ответить с цитатой | Цитировать
 

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


Защитный код
Обновить

Последние комментарии

  • Хочешь получить подарки под елку? Тогда присоединяйся в проект от надёжного админа. Зарабо... Подробнее...
  • Therefore, people direct more some time online. Also visit my blog post ... http://esmx.pk... Подробнее...
  • Wow that was odd. I just wrote an very long comment but after I clicked submit my comment ... Подробнее...
  • Simply wish to say your article is as astonishing. The clearness in your post is simply ex... Подробнее...
  • Thank you a lot for sharing this with all folks you actually realize what you're speaking ... Подробнее...