Перейти к содержимому


Изменение Кнопок

шрифты кнопка купить

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 altos633

altos633

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородВоронеж

Отправлено 25 Апрель 2013 - 18:58

Здравствуйте! Решил поменять кнопки (купить,подробнее и т.д.) на сайте. Шрифт использую PTSans (бесплатный). Т.к. мне не нравится как выглядит кнопка с текстом поверх текстуры, отрисовал текст в фотошопе. Т.е. текстура кнопки идет вместе со шрифтом. Но, естественно для корзины текстура одна и та же, а текст разный.
Как добавить условия для использования разных текстурок в зависимости от назначения кнопки? Я понимаю, что так не делается и это те ещё кастыли, но всё же...

.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 14px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("{ASSETS_IMAGES_PATH}btn_buy.png") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}
input.more-link, .paymentFormTbodySubmitButton {
width:150px;
border:0px;
padding-bottom:2px;
text-align:left;
}
.more-link.back {
background: url("{ASSETS_IMAGES_PATH}btn_back.png") no-repeat left top;
padding-left:25px;
}
.more-link.onlybutton, .paymentFormTbodySubmitButton {
background: url({ASSETS_IMAGES_PATH}btn_back.png) no-repeat left top;
text-align:center;
}
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none;}

Спасибо, за ответ!

#2 altos633

altos633

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородВоронеж

Отправлено 25 Апрель 2013 - 20:31

Сам разобрался ) Всё таки не стал прикручивать кучу кнопок. Просто правильно настроил шрифт. теперь всё нормально )





Темы с аналогичным тегами шрифты, кнопка купить

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных