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


Изменить Цвет Шапки


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

#1 Alan

Alan

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

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

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

здравствуйте. Скажите пожалуйста где нужно изменить цвет базового цвета зеленого на свой . Волнует шапка и нижний контент. спасибо.

#2 AnnaM

AnnaM

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

  • Модератоpы
  • 1 040 сообщений

Отправлено 22 Сентябрь 2014 - 16:02

Просмотр сообщенияAlan (22 Сентябрь 2014 - 15:43) писал:

здравствуйте. Скажите пожалуйста где нужно изменить цвет базового цвета зеленого на свой . Волнует шапка и нижний контент. спасибо.
Добавьте в конец файла main.css
1. шапка
.header.theme-color {
background-color: aqua;
}
2. верхнее меню
menu.theme-color {
background-color: beige;
}
3. верхний поиск
input.theme-color {
background-color: blue;
}
4. верхняя корзина
.carttotalqty.theme-color {
background-color: coral;
}

Уточните,что вы подразумеваете под нижним контентом? Необходимо изменить цвет заголовков в подвале?

#3 Alan

Alan

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

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

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

ну низ серый убрать подвала..изменить цвет его.)

#4 AnnaM

AnnaM

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

  • Модератоpы
  • 1 040 сообщений

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

Просмотр сообщенияAlan (22 Сентябрь 2014 - 18:37) писал:

ну низ серый убрать подвала..изменить цвет его.)
в main.css замените
.footerWrap {
border-top: 1px dotted gray;
margin: 20px 0 0 0;
}
на
.footerWrap {
border-top: 1px dotted gray;
margin: 20px 0 0 0;
background-color: red;
}


#5 Alan

Alan

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

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

Отправлено 23 Сентябрь 2014 - 10:58

спасибо большое! а цвет как называется этот ? голубой который был? нигде не могу найти чтобы везде заменить на страницах..

#6 AnnaM

AnnaM

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

  • Модератоpы
  • 1 040 сообщений

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

Просмотр сообщенияAlan (23 Сентябрь 2014 - 10:58) писал:

спасибо большое! а цвет как называется этот ? голубой который был? нигде не могу найти чтобы везде заменить на страницах..
Можете подобрать цвет по таблице соответствия.

#7 Alan

Alan

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

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

Отправлено 23 Сентябрь 2014 - 15:45

спасибо большое!

#8 Виолетка

Виолетка

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

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

Отправлено 02 Ноябрь 2014 - 19:49

а можно залить фон не цветом, а рисунком? Как это сделать?

#9 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 02 Ноябрь 2014 - 19:56

Просмотр сообщенияВиолетка (02 Ноябрь 2014 - 19:49) писал:

а можно залить фон не цветом, а рисунком? Как это сделать?
Здравствуйте, для того что поменять фон на картинку найдите в main.css код
.container {
background: white;
}
замените на


.container {
background: url(ссылка на вашу картинку);
}

фон под товара будет тоже будет залит картинкой
если хотите сделать его белым найдите
.proditem {
transition: all 0.3s ease-in-out;
}
замените на

.proditem {
transition: all 0.3s ease-in-out;
background: #fff;
}


#10 Виолетка

Виолетка

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

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

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

Спасибо. Сделала все как указано, но фон товара оказался все равно залит картинкой. А возможно ли сделать, чтобы только бока фона были залиты картинкой, а основное тело сайта с информацией и товарами было такого цвета как раньше?

#11 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 03 Ноябрь 2014 - 21:30

Просмотр сообщенияВиолетка (03 Ноябрь 2014 - 20:39) писал:

Спасибо. Сделала все как указано, но фон товара оказался все равно залит картинкой. А возможно ли сделать, чтобы только бока фона были залиты картинкой, а основное тело сайта с информацией и товарами было такого цвета как раньше?
Здравствуйте.
Чтобы корректно всё отображалось - вам нужно сделать новую картинку для заднего фона, чтобы на ней бока были залиты нужной вам раскраской, а центр стандартного белого цвета.

#12 Виолетка

Виолетка

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

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

Отправлено 03 Ноябрь 2014 - 21:50

И какой тег отвечает за нижнее меню?

#13 Виолетка

Виолетка

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

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

Отправлено 03 Ноябрь 2014 - 21:58

Просмотр сообщенияRayLi (03 Ноябрь 2014 - 21:30) писал:

Здравствуйте.
Чтобы корректно всё отображалось - вам нужно сделать новую картинку для заднего фона, чтобы на ней бока были залиты нужной вам раскраской, а центр стандартного белого цвета.

можете подсказать какого размера должна быть картинка в px?

#14 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 03 Ноябрь 2014 - 22:10

Просмотр сообщенияВиолетка (03 Ноябрь 2014 - 21:58) писал:

можете подсказать какого размера должна быть картинка в px?
Был сделан бэкап и были произведены изменения стилей на вашем сайте.
Посмотрите подходят-ли вам данные изменения.
Если нет, то восстановите сохранённый ранее бэкап сайта.

#15 Виолетка

Виолетка

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

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

Отправлено 03 Ноябрь 2014 - 22:33

Просмотр сообщенияRayLi (03 Ноябрь 2014 - 22:10) писал:

Был сделан бэкап и были произведены изменения стилей на вашем сайте.
Посмотрите подходят-ли вам данные изменения.
Если нет, то восстановите сохранённый ранее бэкап сайта.
я тему не меняла бэкап сдела по состоянию на сегодняшнее утро, так как сама пыталась внести изменения, но не вышло. Затем заново воспроизвела, то что было написано выше и выполнила заливку фону. Так что вопрос актуален. и подскажите пожалуйста какой тег отвечает за нижнее меню?

#16 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 03 Ноябрь 2014 - 23:26

Просмотр сообщенияВиолетка (03 Ноябрь 2014 - 22:33) писал:

я тему не меняла бэкап сдела по состоянию на сегодняшнее утро, так как сама пыталась внести изменения, но не вышло. Затем заново воспроизвела, то что было написано выше и выполнила заливку фону. Так что вопрос актуален. и подскажите пожалуйста какой тег отвечает за нижнее меню?
Произведены изменения вашего сайта, касательно фона.
Посмотрите, пожалуйста, и сообщите нам подходят-ли вам данные изменения главной страницы и соответствуют-ли поставленным вами выше требованиям?
Так же прошу уточнить о каком нижнем меню идёт речь и какие вы изменения хотите внести в нём?

#17 Виолетка

Виолетка

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

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

Отправлено 04 Ноябрь 2014 - 01:41

Просмотр сообщенияRayLi (03 Ноябрь 2014 - 23:26) писал:

Произведены изменения вашего сайта, касательно фона.
Посмотрите, пожалуйста, и сообщите нам подходят-ли вам данные изменения главной страницы и соответствуют-ли поставленным вами выше требованиям?
Так же прошу уточнить о каком нижнем меню идёт речь и какие вы изменения хотите внести в нём?

Когда заходишь в каталог нужно чтобы название категории был на белом фоне, а не на фоне сайта.Также сами товары в каталоге (описание, цена) были на белом фоне. И товары в категории "вы смотрели" в левой части сайта также должны быть на белом фоне.
Нижнее меню - это там где слова

© 2014 «Интернет-магазин...... Как изменить его цвет?



#18 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

Отправлено 04 Ноябрь 2014 - 02:37

В main.css найдите:
.container .cols.col-9 {
	width: 75%;
}
замените на:
.container .cols.col-9 {
	background: #fff;
	width: 75%;
}

далее найдите:
.container .cols.col-3 {
	width: 25%;
}
замените на:
.container .cols.col-3 {
	width: 25%;
	background: #fff;
}


#19 Виолетка

Виолетка

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

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

Отправлено 04 Ноябрь 2014 - 14:48

А можно ли , чтобы только внутри рамок заливалось белым? Так как вариант .container .cols.col-9 получается не очень красиво.
И как вставить рисунок в самую нижнюю часть сайта?

#20 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

Отправлено 05 Ноябрь 2014 - 03:59

В main.css найдите:
.cat_prod_hold {
	border: 10px solid #ddd;
	display: inline-block;
	margin: 2% 2% 0 0;
	transition: all 0.5s ease 0s;
}
замените на:
.cat_prod_hold {
	background-color: #fff;
	border: 10px solid #ddd;
	display: inline-block;
	margin: 2% 2% 0 0;
	transition: all 0.5s ease 0s;
}

уточните пожалуйста, после самого нижнего меню вы хотите расположить картинку?




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

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