Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

изменить кнопку ( купить )


Maxee

Recommended Posts

Помогите изменить стандартную кнопку купить..

надо так: Изображение

css:

Изображение

.btn, .btn:link, .btn:visited {
background: -o-linear-gradient(top, #FFFFFF 0px, #F6F6F6 47%, #F2F2F2 100%) transparent;
border: 1px solid #DDDDDD;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.298);
color: #333333 !important;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 5px 20px 6px;
position: relative;
text-decoration: none !important;
text-shadow: 1px 1px 0px #FFFFFF;
}
.btn-buy, .btn-buy:link, .btn-buy:visited {
background: -o-linear-gradient(top, #FFF100 0px, #FFCA00 100%) transparent;
border-bottom-color: #D6BB08;
border-left-color: #D6BB08;
border-right-color: #D6BB08;
border-top-color: #D6BB08;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.506);
}
.btn-big, .btn-big:link, .btn-big:visited {
font-size: 120%;
padding: 9px 30px 10px;
}
a:link {
color: #34A11B;
text-decoration: underline;
}
.btn, .btn:link, .btn:visited {
background: -o-linear-gradient(top, #FFFFFF 0px, #F6F6F6 47%, #F2F2F2 100%) transparent;
border: 1px solid #DDDDDD;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.298);
color: #333333 !important;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 5px 20px 6px;
position: relative;
text-decoration: none !important;
text-shadow: 1px 1px 0px #FFFFFF;
}
.btn-buy, .btn-buy:link, .btn-buy:visited {
background: -o-linear-gradient(top, #FFF100 0px, #FFCA00 100%) transparent;
border-bottom-color: #D6BB08;
border-left-color: #D6BB08;
border-right-color: #D6BB08;
border-top-color: #D6BB08;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.506);
}
.btn-big, .btn-big:link, .btn-big:visited {
font-size: 120%;
padding: 9px 30px 10px;
}
:focus {
outline: 0px none currentColor;
}

Css можно взять от сюда http://trimmer.by/ :D

Заранее спасибо +++

Надіслати
Поділитися на інших сайтах


  • 1 month later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.