Дизайн
#21
Отправлено 14 Сентябрь 2014 - 18:13
#23
Отправлено 20 Сентябрь 2014 - 17:08
Дмитрич (20 Сентябрь 2014 - 17:03) писал:
Кнопка "Зарегистрироваться", в style.css добавляем:
input.space{background: #13AF17;}
где #13AF17 - код цвета
Кнопка "Войти", в style.css добавляем:
section.sign-in input[type="submit"] { background: #13AF17; }
где #13AF17 - код цвета
Кнопка "или", в style.css находим:
.new-customer span.or { position: absolute; height: 14px; width: 33px; padding: 10px; padding-top: 22px; border-radius: 30px; text-align: center; background: #f15b40; font-weight: bold; color: #fff; right: -25px; top: 50%; z-index: 2; font-size: 1.5em; line-height: 0; }
и меняем цвет #f15b40
#27
Отправлено 20 Сентябрь 2014 - 17:26
Добавление этой строчки не дало результата
#28
Отправлено 20 Сентябрь 2014 - 17:30
Дмитрич (20 Сентябрь 2014 - 17:20) писал:
и изменить цвет при наведении
шрифты редактироваться не будут
.clientForm .submit {background:red;} .clientForm .submit:hover {background:black;}
Меняйте значения red и black на нужный вам цвет. Первая строка отвечает за обычный вид кнопки, вторая - за вид при наведении.
По-поводу добавления:
input.space{background: #13AF17;}
Код работает, просто значение 13AF17 - именно тот самый зеленый цвет, который и так применен к кнопке по умолчанию. Измените его на нужный вам цвет.
#29
Отправлено 20 Сентябрь 2014 - 17:42
Dars (20 Сентябрь 2014 - 17:30) писал:
По-поводу добавления:
input.space{background: #13AF17;}
Код работает, просто значение 13AF17 - именно тот самый зеленый цвет, который и так применен к кнопке по умолчанию. Измените его на нужный вам цвет.
Изменил Цвет на #fff
кнопка белее не стала=)
Может быть не туда вставляю нужный код?
#31
Отправлено 20 Сентябрь 2014 - 17:55
Но как теперь сменить цвет при наведении ?
#33
Отправлено 20 Сентябрь 2014 - 18:56
Дмитрич (20 Сентябрь 2014 - 18:12) писал:
где изменить цвет при наведении ?
1) Кнопка "Зарегистрироваться"
2)Кнопка "Отправить"
В style.css добавляем:
form.feedbackForm button.submit:hover{background:#138F17;}
для Отправить, и
input.space:hover{background: #13AF17;}
для Зарегистрироваться
#34
Отправлено 20 Сентябрь 2014 - 19:30
#37
Отправлено 20 Сентябрь 2014 - 19:38
Дмитрич (20 Сентябрь 2014 - 19:36) писал:
при наведении курсора ?
Почистил, все нормализовалось
Благодарю!
section.sign-in input[type="submit"]:hover {background:green;}
Вместо green впишите свой цвет.
#38
Отправлено 20 Сентябрь 2014 - 19:43
#39
Отправлено 21 Сентябрь 2014 - 08:49
1) при наведении курсора на крестик для закрытия окна менялся его цвет
2) кнопку "оформить заказ" опустить под кнопку "продолжить покупки"
3)изменить цвет при наведении курсора а эти кнопки
#40
Отправлено 21 Сентябрь 2014 - 08:57
Дмитрич (21 Сентябрь 2014 - 08:49) писал:
1) при наведении курсора на крестик для закрытия окна менялся его цвет
2) кнопку "оформить заказ" опустить под кнопку "продолжить покупки"
3)изменить цвет при наведении курсора а эти кнопки
1) Данная кнопка идет картинкой, поменять цвет с помощью кода не получится.
2) В шаблоне Быстрый заказ найдите код:
<button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button> <button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button>
и замените на:
<button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button> <button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button>
Далее в style.css добавьте:
button#quickform-close, button#quickform-order { float: none; }
3) В style.css добавьте:
button#quickform-close:hover, button#quickform-order:hover { background:#138F17; }
и поменяйте значение background
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных