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


Дизайн


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

#21 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 14 Сентябрь 2014 - 18:13

Большое спасибо, вы мне очень помогли!

#22 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:03

Подскажите пожалуйста как изменить цвет выделенных областей

Прикрепленные изображения

  • Безымянный.png


#23 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 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

#24 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:14

Спасибо подскажите пожалуйста блок еще и для этой кнопки

Прикрепленные изображения

  • Безымянный.png


#25 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 20 Сентябрь 2014 - 17:17

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 17:14) писал:

Спасибо подскажите пожалуйста блок еще и для этой кнопки
Скажите, пожалуйста, какие стили вы хотите применить для этой кнопки? Для неё придется писать отдельный селектор.

#26 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:20

Просмотр сообщенияDars (20 Сентябрь 2014 - 17:17) писал:

Скажите, пожалуйста, какие стили вы хотите применить для этой кнопки? Для неё придется писать отдельный селектор.

Необходимо перекрасить цвет кнопки
и изменить цвет при наведении
шрифты редактироваться не будут

#27 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:26

input.space{background: #13AF17;}
Добавление этой строчки не дало результата

#28 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 20 Сентябрь 2014 - 17:30

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 17:20) писал:

Необходимо перекрасить цвет кнопки
и изменить цвет при наведении
шрифты редактироваться не будут
В style.css добавьте строки:

.clientForm .submit {background:red;}
.clientForm .submit:hover {background:black;}

Меняйте значения red и black на нужный вам цвет. Первая строка отвечает за обычный вид кнопки, вторая - за вид при наведении.

По-поводу добавления:

input.space{background: #13AF17;}

Код работает, просто значение 13AF17 - именно тот самый зеленый цвет, который и так применен к кнопке по умолчанию. Измените его на нужный вам цвет.

#29 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:42

Просмотр сообщенияDars (20 Сентябрь 2014 - 17:30) писал:


По-поводу добавления:

input.space{background: #13AF17;}

Код работает, просто значение 13AF17 - именно тот самый зеленый цвет, который и так применен к кнопке по умолчанию. Измените его на нужный вам цвет.

Изменил Цвет на #fff
кнопка белее не стала=)
Может быть не туда вставляю нужный код?

#30 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 20 Сентябрь 2014 - 17:52

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 17:42) писал:

Изменил Цвет на #fff
кнопка белее не стала=)
Может быть не туда вставляю нужный код?
Вы не добавили код в style.css и поэтому изменить цвет не получиться.
input.space{background: #13AF17;}


#31 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 17:55

Разобрался видимо не туда строчку добавлял все работает Спасибо!

Но как теперь сменить цвет при наведении ?

#32 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 18:12

Еще 2 вопросика опять кнопки

где изменить цвет при наведении ?

1) Кнопка "Зарегистрироваться"
2)Кнопка "Отправить"

Прикрепленные изображения

  • Безымянный.png
  • Безымянный.png


#33 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Сентябрь 2014 - 18:56

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 18:12) писал:

Еще 2 вопросика опять кнопки

где изменить цвет при наведении ?

1) Кнопка "Зарегистрироваться"
2)Кнопка "Отправить"

В style.css добавляем:
form.feedbackForm button.submit:hover{background:#138F17;}

для Отправить, и

input.space:hover{background: #13AF17;}

для Зарегистрироваться

#34 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 19:30

Все здорово Спасибо!

#35 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 20 Сентябрь 2014 - 19:34

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 19:30) писал:

Все здорово Спасибо!

Насколько можем видеть, все работает. Попробуйте почистить кэш.

#36 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 19:36

Можно ли добавить смену цвета кнопки "Войти"
при наведении курсора ?

Просмотр сообщенияMikDark (20 Сентябрь 2014 - 19:34) писал:

Насколько можем видеть, все работает. Попробуйте почистить кэш.

Почистил, все нормализовалось
Благодарю!

Прикрепленные изображения

  • Безымянный.png


#37 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 20 Сентябрь 2014 - 19:38

Просмотр сообщенияДмитрич (20 Сентябрь 2014 - 19:36) писал:

Можно ли добавить смену цвета кнопки "Войти"
при наведении курсора ?



Почистил, все нормализовалось
Благодарю!
В style.css добавьте строку:

section.sign-in input[type="submit"]:hover {background:green;}

Вместо green впишите свой цвет.

#38 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 20 Сентябрь 2014 - 19:43

Благодарю вас, все работает.

#39 Дмитрич

Дмитрич

    Продвинутый пользователь

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

Отправлено 21 Сентябрь 2014 - 08:49

Здравствуйте, подскажите пожалуйста как произвести следующие изменения?

1) при наведении курсора на крестик для закрытия окна менялся его цвет

2) кнопку "оформить заказ" опустить под кнопку "продолжить покупки"

3)изменить цвет при наведении курсора а эти кнопки

Прикрепленные изображения

  • Безымянный.png


#40 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 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 анонимных