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


Замена Фона.

Автор psicore, 06 окт. 2014 19:47

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

#1 psicore

psicore

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

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

Отправлено 06 Октябрь 2014 - 19:47

Здравствуйте! перечитал все темы по смене фона,но так и не смог решить свою проблему.
Имеется фон и нужно его сделать фоном всего сайта и всех страниц.Проблема в том,что на главное при замене фона остается  кусок стандартного фона,который никак не убрать.Так же сам фон не растягивается на всю станицу (особенно это заметно в каталоге,фон повторяется).Можно ли сделать так,чтобы фон не повторялся,а был растянут на всю страницу? я перепробовал кучу вариантов repeat'a ,но все равно не получается.

заранее спасибо.

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

  • bgout.jpg
  • Безымянный.jpg
  • Безымянный2.jpg

#2 Danil

Danil

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

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

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

Просмотр сообщенияpsicore (06 Октябрь 2014 - 19:47) писал:

Здравствуйте! перечитал все темы по смене фона,но так и не смог решить свою проблему.
Имеется фон и нужно его сделать фоном всего сайта и всех страниц.Проблема в том,что на главное при замене фона остается  кусок стандартного фона,который никак не убрать.Так же сам фон не растягивается на всю станицу (особенно это заметно в каталоге,фон повторяется).Можно ли сделать так,чтобы фон не повторялся,а был растянут на всю страницу? я перепробовал кучу вариантов repeat'a ,но все равно не получается.

заранее спасибо.
Здравствуйте.
В main.css найдите код
body { background:url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) #adcdd7 center top repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
И замените на
body {
background: url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) no-repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
color: #000;
}
Найдите
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }
И замените на
/*#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }*/

#3 psicore

psicore

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

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

Отправлено 06 Октябрь 2014 - 23:02

Теперь сама шапка белая,бэкграунд чуть ниже стал.

а в каталоге,бэкграунд спущен вниз,а наверху пусто.

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

  • Безымянный3.jpg
  • Безымянный4.jpg

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Октябрь 2014 - 23:57

будьте внимательней, 
body body {
background: url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) no-repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
color: #000;
}
замените на:
body {
background: url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) no-repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
color: #000;
}

далее найдите:
#backtop  { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }*/
и замените на:
/*#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }*/

#5 psicore

psicore

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

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

Отправлено 07 Октябрь 2014 - 19:41

спасибо большое,Все получилось.

#6 psicore

psicore

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

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

Отправлено 25 Октябрь 2014 - 20:08

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

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

  • Безымян2ный.jpg
  • Безымянный.jpg

#7 AnnaM

AnnaM

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

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

Отправлено 25 Октябрь 2014 - 20:41

Просмотр сообщенияpsicore (25 Октябрь 2014 - 20:08) писал:

подскажите,пожалуйста,теперь другая проблема: почему-то на всех страницах по-разному этот самый бэкграунд растягивается.
в main.css замените 
body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) no-repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
color: #000;
}
на 
body {
background: url(http://design.zaprovodami.ru/bg.jpg?design=plastic) repeat fixed;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
/* -webkit-background-size: cover; */
-moz-background-size: cover;
-o-background-size: cover;
background-size: 1434px;
padding: 0;
color: #000;
}

#8 DiGadget

DiGadget

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений
  • ГородSL-316898

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

Здравствуйте
Файл нашел, заменил но почему то фон не изменился хотя старый удалил. подскажите пожалуйста
а все сменился фон

#9 Ирина345

Ирина345

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

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

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

Просмотр сообщенияDiGadget (02 Ноябрь 2014 - 01:18) писал:

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

#10 DiGadget

DiGadget

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений
  • ГородSL-316898

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

Просмотр сообщенияИрина345 (02 Ноябрь 2014 - 14:25) писал:

Здравствуйте, не могли бы Вы уточнить номер Вашего аккаунта.
SL-316898

#11 Ирина345

Ирина345

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

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

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

Просмотр сообщенияDiGadget (02 Ноябрь 2014 - 22:52) писал:

SL-316898
Найдите в main.css
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }
замените на
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) no-repeat  fixed; background-size: 1904px;}

#12 forester

forester

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

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

Отправлено 02 Апрель 2015 - 14:40

Подскажите а каким размером делать полотно для фона... Попробовал ш 1920, но слишком большое получается. Или я не с того начал ))

#13 Alekseys

Alekseys

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

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

Отправлено 02 Апрель 2015 - 17:07

Просмотр сообщенияforester (02 Апрель 2015 - 14:40) писал:

Подскажите а каким размером делать полотно для фона... Попробовал ш 1920, но слишком большое получается. Или я не с того начал ))
Здравствуйте. Уточните пожалуйста, фон чего Вы желаете сделать.

#14 forester

forester

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

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

Отправлено 02 Апрель 2015 - 17:58

Просмотр сообщенияAlekseys (02 Апрель 2015 - 17:07) писал:

Здравствуйте. Уточните пожалуйста, фон чего Вы желаете сделать.
А, конечно, общий фон. интересуют размером каким его фшопе делать?

#15 Alekseys

Alekseys

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

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

Отправлено 02 Апрель 2015 - 18:30

Просмотр сообщенияforester (02 Апрель 2015 - 17:58) писал:

А, конечно, общий фон. интересуют размером каким его фшопе делать?
Оптимальным будет 1920х1080, либо другого стандартного разрешения. Главное не делайте изображение маленьким, иначе при растягивании будет утеряно качество. Другой вариант - сделать изображение небольшим по размеру, но хорошо сочетающимся при повторении, и замостить им фон. Это позволит уменьшить нагрузку сайта, и избежать проблем отображения при различных разрешениях.

#16 forester

forester

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

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

Отправлено 02 Апрель 2015 - 21:56

Ух, чтото с шапкой.... маштабируется за пределы экрана...Я так понимаю что так не должно?

#17 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Апрель 2015 - 03:12

Укажите пожалуйста номер аккаунта, на котором можно просмотреть ошибку.

#18 forester

forester

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

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

Отправлено 03 Апрель 2015 - 07:36

Просмотр сообщенияVaccina (03 Апрель 2015 - 03:12) писал:

Укажите пожалуйста номер аккаунта, на котором можно просмотреть ошибку.
Доброго времени,

sl-339799

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Апрель 2015 - 07:42

Простите, возможно не замечаю, но где вы изменили фон? У шапки сайта на данном аккаунте все тот же зеленый фон, в подвале все тот же серый фон.

#20 forester

forester

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

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

Отправлено 03 Апрель 2015 - 07:46

Странно.... может  у Вас не отобраается изза того что у меня сейчас домен перерегистрируется?
ЗЫ  а почему в пластике зеленый? )
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Изменение общей стилистики
  6. Privacy Policy