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


Как Изменить Фон?


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

#1 iSnopy

iSnopy

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

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

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

1. Как задний фон полностью заменить на картинку?
2. Как изменить размер меню?
3. Как изменить размер контактов и поиска?


И ещё, может есть где готовые шаблоны или макеты для storeland?

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

  • Снимок.PNG


#2 Danil

Danil

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

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

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

Просмотр сообщенияiSnopy (27 Сентябрь 2014 - 22:07) писал:

1. Как задний фон полностью заменить на картинку?
2. Как изменить размер меню?
3. Как изменить размер контактов и поиска?


И ещё, может есть где готовые шаблоны или макеты для storeland?
В разделе Сайт-Галерея тем, Вы можете посмотреть готовые шаблоны.
1) В main.css найдите код
.container {
background: white;
}
И замените на
.container {
background: url('{ASSETS_IMAGES_PATH}Название картинки?design=chameleon');
}

2) Уточните, что именно Вы хотите увеличить(шрифт, высоту блока)?
3) Если Вам нужно изменить шрифт контактов в main.css найдите код
#callme {
color: white;
}
И замените на
#callme {
color: white;
font-size: 15px;
}
Так же найдите
.hph1 a {
color: white;
}
И замените на
.hph1 a {
color: white;
font-size:15px;
}
В обоих случаях изменяйте значение 15 px


#3 iSnopy

iSnopy

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

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

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

Просмотр сообщенияDanil (27 Сентябрь 2014 - 22:34) писал:

В разделе Сайт-Галерея тем, Вы можете посмотреть готовые шаблоны.
1) В main.css найдите код
.container {
background: white;
}
И замените на
.container {
background: url('{ASSETS_IMAGES_PATH}Название картинки?design=chameleon');
}

2) Уточните, что именно Вы хотите увеличить(шрифт, высоту блока)?
3) Если Вам нужно изменить шрифт контактов в main.css найдите код
#callme {
color: white;
}
И замените на
#callme {
color: white;
font-size: 15px;
}
Так же найдите
.hph1 a {
color: white;
}
И замените на
.hph1 a {
color: white;
font-size:15px;
}
В обоих случаях изменяйте значение 15 px
2. Да шрифт
Фон изменил спасибо.
4. Как убрать шапку?

#4 Dars

Dars

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

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

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

Просмотр сообщенияiSnopy (27 Сентябрь 2014 - 22:50) писал:

2. Да шрифт
Фон изменил спасибо.
4. Как убрать шапку?
2. В main.css найдите строку:

.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}

и меняйте значение 20px.

4. Покажите, пожалуйста, на скриншоте, или опишите подробнее, что именно вы хотели бы убрать.

#5 iSnopy

iSnopy

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

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

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

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

2. В main.css найдите строку:

.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}

и меняйте значение 20px.

4. Покажите, пожалуйста, на скриншоте, или опишите подробнее, что именно вы хотели бы убрать.
Вот, крестиками показал что убрать, а надписи оставить

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

  • Снимок.PNG


#6 Dars

Dars

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

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

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

Просмотр сообщенияiSnopy (28 Сентябрь 2014 - 14:27) писал:

Вот, крестиками показал что убрать, а надписи оставить
Скриншот не прикрепился.

#7 iSnopy

iSnopy

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

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

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

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

Скриншот не прикрепился.

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

  • Снимок.PNG


#8 Danil

Danil

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

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

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

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

Здравствуйте.
1) Для начала нужно поменять весь цвет в шапке с белого на какой нибудь другой, чтобы не сливалось с белым фоном.
Воспользуйтесь данной темой http://forum.storela...нужно-производ/
2)После можно убрать фон в шапке
В main.css найдите код
.theme-color {
background-color: rgba(73, 129, 102, 1);
}
И замените на
.theme-color {
background-color: rgba(73, 129, 102, 0);
}
Так же найдите
menu:before {
content: '';
background: rgba(0,0,0,0.16);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
И замените на
menu:before {
content: '';
background: rgba(0, 0, 0, 0);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}


#9 Hiding

Hiding

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

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

Отправлено 18 Май 2015 - 03:02

Здравствуйте.
А какой должен быть размер фона? И как сделать чтоб он прокручивался вместе с сайтом?

#10 RayLi

RayLi

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

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

Отправлено 18 Май 2015 - 11:00

Просмотр сообщенияHiding (18 Май 2015 - 03:02) писал:

Здравствуйте.
А какой должен быть размер фона? И как сделать чтоб он прокручивался вместе с сайтом?

Здравствуйте.
Размер фона вашего интернет-магазина должен составлять: 1903px x 2402px .
Проверьте, пожалуйста.

#11 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 14:05

После того как я вставил такой размер картинки сайт начал вести себя не понятным образом после обновления страницы.
Возвращал все назад, длал бэкап. Не помогло.

19-05-2015 20-01-54.png 19-05-2015 20-02-14.png

В чем может быть причина?

#12 Cupuyc

Cupuyc

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

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

Отправлено 19 Май 2015 - 15:02

Просмотр сообщенияHiding (19 Май 2015 - 14:05) писал:

После того как я вставил такой размер картинки сайт начал вести себя не понятным образом после обновления страницы.
Возвращал все назад, длал бэкап. Не помогло.

Прикрепленный файл 19-05-2015 20-01-54.pngПрикрепленный файл 19-05-2015 20-02-14.png

В чем может быть причина?

Здравствуйте, данная проблема не связанна с изменением размера картинки, в настоящий момент проблема передана разработчикам.

#13 Hiding

Hiding

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

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

Отправлено 19 Май 2015 - 15:10

Понял, спасибо.

Так а какой все таки размер должен быть?
Дело в том что с сайтом фон не прокручивается и если страница допустим длиннее то соответственно картинка повторяется...

#14 Cupuyc

Cupuyc

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

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

Отправлено 19 Май 2015 - 15:42

Просмотр сообщенияHiding (19 Май 2015 - 15:10) писал:

Понял, спасибо.

Так а какой все таки размер должен быть?
Дело в том что с сайтом фон не прокручивается и если страница допустим длиннее то соответственно картинка повторяется...

Пожалуйста уточните, какой именно вы хотите поставить фон и как должен выглядеть магазин в итоге.

#15 Hiding

Hiding

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

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

Отправлено 20 Май 2015 - 16:06

Я хотел бока сделать другим цветом или рисунком, а середину оставить белую.
Сделал рисунок с белой серединой.Получилось вот:

20-05-2015 22-04-18.png

Рисунок повторяется.  И середина не белая.

#16 Cupuyc

Cupuyc

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

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

Отправлено 20 Май 2015 - 16:38

Просмотр сообщенияHiding (20 Май 2015 - 16:06) писал:

Я хотел бока сделать другим цветом или рисунком, а середину оставить белую.
Сделал рисунок с белой серединой.Получилось вот:

Прикрепленный файл 20-05-2015 22-04-18.png

Рисунок повторяется.  И середина не белая.

Здравствуйте, проблема в том что данный рисунок имеет низкое разрешение и не адаптируется в соответствии с размером интерфейса("чёрные полосы" это резкий переход цвета в местах повтора фона),
зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.container {
background:url('{ASSETS_IMAGES_PATH}fonb.jpg?design=chameleon');;
}

Замените его на:
.container {
background: url('/design/fonb.jpg?design=chameleon') no-repeat;
background-size: 100%;
}

Для того чтобы фоновое изображение было без полос, Вам следует увеличить высоту фонового изображения(после выполнения этой инструкции вы увидите белый фон вместо повторяющегося по вертикали изображения). Также для улучшения качества изображения, рекомендуется увеличить его по ширине до 1920p.

#17 Hiding

Hiding

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

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

Отправлено 20 Май 2015 - 16:50

Зафиксировал с помощью:
background-attachment:fixed;

#18 Gorbachevski

Gorbachevski

    Новичок

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

Отправлено 17 Ноябрь 2015 - 11:03

Меняю фон на .container {background:url('{ASSETS_IMAGES_PATH}fonb.jpg?design=chameleon');;} и ничего не происходит, помогите плиз

#19 RayLi

RayLi

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

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

Отправлено 17 Ноябрь 2015 - 11:23

Просмотр сообщенияGorbachevski (17 Ноябрь 2015 - 11:03) писал:

Меняю фон на .container {background:url('{ASSETS_IMAGES_PATH}fonb.jpg?design=chameleon');;} и ничего не происходит, помогите плиз

Здравствуйте.
На данный момент, на сайте вашего интернет-магазина, установлен серый фон, составленный из изображения.
Вам необходимо иной фон или же именно данный фон вы пытались установить?
Уточните, пожалуйста.

#20 Gorbachevski

Gorbachevski

    Новичок

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

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

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




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

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