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


Множество Вопросов По Дизайну

цвет шрифта шрифт цвет размер шрифта цвет корзины

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

#1 berezka

berezka

    Новичок

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

Отправлено 09 Август 2016 - 13:14

Здравствуйте. Подскажите, пожалуйста:1) Как изменить черный цвет в нижней части сайта на цвет #FF2233 ?2) Как изменить цвет цифры, обозначающей количество товаров в корзине?3) Как изменить цвет названия магазина?4) Как изменить цвет кнопки "Поиск" на #FF2233 ?5) Как изменить цвет при наведении на кнопку корзины (кружок и нижняя часть)?6) Как изменить размер шрифта меню?7) как изменить цвет текста меню при наведении?Буду очень признателен за помощь.

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

  • bulldog.png
  • bulldog2.png
  • bulldog3.png
  • bulldog4.png
  • bulldog5.png


#2 Alekseys

Alekseys

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

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

Отправлено 09 Август 2016 - 14:21

Просмотр сообщенияberezka (09 Август 2016 - 13:14) писал:

Здравствуйте. Подскажите, пожалуйста:
1) Как изменить черный цвет в нижней части сайта на цвет #FF2233 ?
2) Как изменить цвет цифры, обозначающей количество товаров в корзине?
3) Как изменить цвет названия магазина?
4) Как изменить цвет кнопки "Поиск" на #FF2233 ?
5) Как изменить цвет при наведении на кнопку корзины (кружок и нижняя часть)?
6) Как изменить размер шрифта меню?
7) как изменить цвет текста меню при наведении?
Буду очень признателен за помощь.
Здравствуйте. Пожалуйста уточните номер Вашего аккаунта.

#3 berezka

berezka

    Новичок

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

Отправлено 09 Август 2016 - 14:43

SL-392151

#4 Lubka

Lubka

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

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

Отправлено 09 Август 2016 - 14:48

Просмотр сообщенияberezka (09 Август 2016 - 13:14) писал:

Здравствуйте. Подскажите, пожалуйста:
1) Как изменить черный цвет в нижней части сайта на цвет #FF2233 ?
2) Как изменить цвет цифры, обозначающей количество товаров в корзине?
3) Как изменить цвет названия магазина?
1)Здравствуйте. В разделе Сайт-Редактор шаблонов-файл style.css найдите строчки кода №850:
footer {clear: both;background: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
и замените на код:
footer {clear: both;background: #FF2233;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
2)далее добавьте, например на строчку №280 код:
.summary span { color: #000;}
в этом случае цифра всегда будет черного цвета, даже при наведении-этот вариант подходит?
3) в строчке №306:
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
в свойстве color: #... поставьте свой цвет

#5 Alekseys

Alekseys

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

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

Отправлено 09 Август 2016 - 15:01

Просмотр сообщенияberezka (09 Август 2016 - 14:43) писал:

SL-392151
4. В style.css замените
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
на
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #FF2233;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
5. Изменить цвет данного элемента можно в style.css в
.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
заменив значение параметра background: #4a4949.
6. Вы можете в конец style.css добавить
.head a {
	font-size: 14px;
}
и отредактировать с его помощью размер шрифта.
7. В конец style.css добавьте
.head a:hover {color: #000;}
после чего смените код цвета на нужный.

#6 berezka

berezka

    Новичок

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

Отправлено 09 Август 2016 - 16:21

Отличная работа! Большое спасибо. Осталось только пару мелочей:
1) Как изменить размер шрифта, где указано время и телефон?
2) Как изменить размер шрифта меню нижней части сайта?
3) Как изменить размер шрифта контактов в самом низу?
4) Что это за область осталась черная и как ее убрать? Или перекрасить в красный, если убрать нельзя?
5) Как добавить красный кружок при наведении на корзину?
Прикрепил к первому сообщению еще 2 скриншота. Заранее спасибо.
Еще заметил, что если нажать на кнопки меню, после перехода они снова становятся полностью белыми, как это исправить?

#7 Lubka

Lubka

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

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

Отправлено 09 Август 2016 - 19:02

Просмотр сообщенияberezka (09 Август 2016 - 16:21) писал:

Отличная работа! Большое спасибо. Осталось только пару мелочей:
1) Как изменить размер шрифта, где указано время и телефон?
2) Как изменить размер шрифта меню нижней части сайта?
3) Как изменить размер шрифта контактов в самом низу?
Еще заметил, что если нажать на кнопки меню, после перехода они снова становятся полностью белыми, как это исправить?
В том же файле style.css
1)в самый конец добавьте строчки:
.work-time {
	font-size: 14px;
.phone {
	font-size: 14px;
где можете менять значение 14px
2)в строчке №122 добавьте св-во font-size:14px, итог:
footer{margin-bottom: 30px; display: block; position: relative;font-size:14px}
можно менять значение 14px
3)строка  №856, добавьте здесь font-size:14px; итог:
.networks {border-top: 1px solid #404041;padding-top: 2em;clear: both;font-size:14px;}
также можете менять значение данного св-ва.
По поводу перехода в меню-можно сделать другой фон кнопки, а можно его при наведении вообще убрать, но при этом заменить цвет текста, так как при наведении красный будет сливаться с основным красным фоном.

#8 Alekseys

Alekseys

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

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

Отправлено 09 Август 2016 - 19:08

Просмотр сообщенияberezka (09 Август 2016 - 16:21) писал:

Отличная работа! Большое спасибо. Осталось только пару мелочей:
1) Как изменить размер шрифта, где указано время и телефон?
2) Как изменить размер шрифта меню нижней части сайта?
3) Как изменить размер шрифта контактов в самом низу?
4) Что это за область осталась черная и как ее убрать? Или перекрасить в красный, если убрать нельзя?
5) Как добавить красный кружок при наведении на корзину?
Прикрепил к первому сообщению еще 2 скриншота. Заранее спасибо.
Еще заметил, что если нажать на кнопки меню, после перехода они снова становятся полностью белыми, как это исправить?
4. В конец style.css замените
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}
замените на
html {-webkit-font-smoothing: antialiased;}
5. В конец style.css добавьте
.summary a:hover strong {
background: #Ff2233;
}
.summary a:hover strong span {
color: #fff;
}
.head a.selected {color: #Ff2233;}






Темы с аналогичным тегами цвет шрифта, шрифт, цвет, размер шрифта, цвет корзины

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

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