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


Сделать Боковой Фон


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

#1 Андрей777

Андрей777

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

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

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

Доброго времени суток! Помогите в шаблоне хамелеон сделать боковой фон одного цвета и фон белого цвета, где будет размещена вся информация!


#2 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 00:00

Просмотр сообщенияАндрей777 (30 Ноябрь 2014 - 23:51) писал:

Доброго времени суток! Помогите в шаблоне хамелеон сделать боковой фон одного цвета и фон белого цвета, где будет размещена вся информация!

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

  • или так.jpg
  • исх.jpg
  • как хочу.jpg


#3 Taisia

Taisia

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

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

Отправлено 01 Декабрь 2014 - 09:31

Вам ответили в обратной связи.

Цитата

вам нужно в админке магазина во вкладке сайт- редактор шаблонов - файл main.css  
найти код

.container{background: url('{ASSETS_IMAGES_PATH}XXX.jpg');}

этот код задает фоновое изображение, замените его на код

.container{background-color: #ffffff;}

далее код


.footermenu{background: url({ASSETS_IMAGES_PATH}LLL.jpg);height:105px;margin:0 auto;}

замените на код

.footermenu{background-color:#ffffff;height:105px;margin:0 auto;}


и код


#powered{background:url{ASSETS_IMAGES_PATH}LLL.jpg);height:105px; padding:5px;}

на код

#powered{background-color:#ffffff;height:105px; padding:5px;}


#4 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 11:35

Спасибо, я уже понял как менять цвета! Я хочу чтоб по середине фон остался белый, а боковые поля у фона сделать другого цвета, как сделано на сайта "У тетушки Марты" и "Harve Stino"?

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

  • пвапв.jpg
  • или так — копия.jpg
  • как хочу — копия.jpg


#5 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2014 - 11:39

Просмотр сообщенияАндрей777 (01 Декабрь 2014 - 11:35) писал:

Спасибо, я уже понял как менять цвета! Я хочу чтоб по середине фон остался белый, а боковые поля у фона сделать другого цвета, как сделано на сайта "У тетушки Марты" и "Harve Stino"?
Здравствуйте.
Сообщите, пожалуйста, номер аккаунта вашего сайта.

#6 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 11:45

Здраствуйте! Аккаунт SL-318551

#7 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2014 - 11:58

Просмотр сообщенияАндрей777 (01 Декабрь 2014 - 11:45) писал:

Здраствуйте! Аккаунт SL-318551
Найдите в шаблоне main.css код:
.container {
background-color: #ffffff;
}
И замените его этим кодом:
.container {background:url('{ASSETS_IMAGES_PATH}ваша_картинка?design=chameleon') no-repeat;
Где ваша_картинка - это имя картинки, которую вы загрузите в админку (Например fon.png ).

#8 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 13:15

ООО! Спасибо! Как перенести такой же фон на правую сторону, и на верх(наверно шапку надо сделать уже- как это сделать?)?

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

  • Новый точечный рисунок (2)уекуц.jpg


#9 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2014 - 13:50

Просмотр сообщенияАндрей777 (01 Декабрь 2014 - 13:15) писал:

ООО! Спасибо! Как перенести такой же фон на правую сторону, и на верх(наверно шапку надо сделать уже- как это сделать?)?
Попробуйте сначала сделать так:
В шаблоне main.css найдите код:
.container {background:url('{ASSETS_IMAGES_PATH}ваша_картинка?design=chameleon') no-repeat;
И замените его этим кодом:
.container {background:url('{ASSETS_IMAGES_PATH}ваша_картинка?design=chameleon');


#10 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 15:53

Все опять стало в цвет рисунка как на первой фото)))
Ладно потом с этим вопросом разберусь - надо сайт быстрее запускать! Скажите лучше как поменять цвет на шапке?

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

  • исх.jpg


#11 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2014 - 15:58

Просмотр сообщенияАндрей777 (01 Декабрь 2014 - 15:53) писал:

Все опять стало в цвет рисунка как на первой фото)))
Ладно потом с этим вопросом разберусь - надо сайт быстрее запускать! Скажите лучше как поменять цвет на шапке?
Цвет меняется в шаблоне main.css следующим кодом, который вы должны найти:
.theme-color {
background-color: rgb(73, 129, 102);
}
И заменяется он, например, на этот код:
.theme-color {
background-color: rgba(0, 0, 0, 0.6);
}

Что касается бокового фона, то самый простой способ, это повторить инструкцию, что приводилась вам в сообщение №7. Но вам нужно будет создать для сайта картинку, у которой были бы боковины нужной вам раскраски, но с белой серединой, тогда получится именно то, что вы просите.
Вот требуемые размеры для картинки:
Ширина: 1903px ;
Высота: 1356px ;
И ширина белой области по середине: 1333px (высота остаётся та же).

#12 Андрей777

Андрей777

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

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

Отправлено 01 Декабрь 2014 - 16:10

В шаблоне main.css нету такого кода! Нашел только такую строчку!  .act.theme-color{color:white;}

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

  • ппппппппп.jpg


#13 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2014 - 16:15

Просмотр сообщенияАндрей777 (01 Декабрь 2014 - 16:10) писал:

В шаблоне main.css нету такого кода! Нашел только такую строчку!  .act.theme-color{color:white;}
В том же шаблоне, main.css найдите код:
footer, menu, figure {
display: block;
margin: 0;
padding: 0;
}
И замените его этим кодом:
footer, menu, figure {
display: block;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.6);
}
Теперь найдите код:
.header {
width: 100%;
}
И заменяете этим:
.header {
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
}

На счёт бокового фона - инструкция остаётся та же.

#14 Андрей777

Андрей777

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

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

Отправлено 02 Декабрь 2014 - 09:25

Другие цвета меняются, Цвет шапки так и не поменялся! Не могу найти в шаблоне main.css строчку
.theme-color {
background-color: rgb(73, 129, 102);
}

Может ее самому надо вписать в какую-то строку?

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

  • как изменить цвет шапки.jpg


#15 RayLi

RayLi

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

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

Отправлено 02 Декабрь 2014 - 10:44

Просмотр сообщенияАндрей777 (02 Декабрь 2014 - 09:25) писал:

Другие цвета меняются, Цвет шапки так и не поменялся! Не могу найти в шаблоне main.css строчку
.theme-color {
background-color: rgb(73, 129, 102);
}

Может ее самому надо вписать в какую-то строку?
Здравствуйте.
Нет, вписывать ничего не нужно. Выполните инструкцию, представленную вам в сообщение №13 - именно оно касается изменения цвета шапки.




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

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