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


Фото
- - - - -

Изменить цвет кнопки

qr-simpla Цвет Кнопки

  • Чтобы отвечать, сперва войдите на форум
7 ответов в теме

#1 Bu_410

Bu_410
  • Пользователь
  • 3 сообщений

Опубликовано 19.12.2012 - 06:01

Привет всем. Искал в style.css, но не смог найти, как изменить цвет кнопки добавить в корзину. Заранее спасибо.



#2 Rash

Rash
  • Пользователь
  • 450 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Russian Federation

Опубликовано 19.12.2012 - 06:09

/* Кнопка */
.button {
float: left;
clear: left;
cursor: pointer; 
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #cccccc;
	display:inline-block;
	color:#555555;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}



#3 Bu_410

Bu_410
  • Пользователь
  • 3 сообщений

Опубликовано 19.12.2012 - 06:44

Спасибо, помогло. Изменил цвет кнопки. Теперь пробую изменить цвет кнопки, в зависимости добавлен товар или нет. Добавить-один цвет, а если уже добавлен в корзину-другой.



#4 Rash

Rash
  • Пользователь
  • 450 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Russian Federation

Опубликовано 19.12.2012 - 07:18

}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}


http://htmlbook.ru/css/hover здесь можно почитать что к чему



#5 delprofile

delprofile
  • Фрилансер
  • 819 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 19.12.2012 - 07:53

Rash
hover это при наведении на ссылку или кнопку



#6 Rash

Rash
  • Пользователь
  • 450 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Russian Federation

Опубликовано 19.12.2012 - 08:05

delprofile, да я ему так скинул справочник на "всякий пожарный" чтоб на будущее мог посмотреть



#7 mickt

mickt
  • Пользователь
  • 42 сообщений

Опубликовано 19.12.2012 - 08:17

может быть добавлять класс с нужными стилями для кнопки по условию {if $cart->purchases} ?







Также с меткой «qr-simpla, Цвет, Кнопки»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых