[РЕШЕНО] Изменить фон на картинку.

pro100off · 10 березня 2012

Здравствуте!

Столкнулся с проблемой: В стандартном шаблоне надо поменять задний фон на картинку.

Залил картинку на сервер в файле "/catalog/view/theme/default/stylesheet" внес изменения

body {

margin: 40px;

padding: 0px;

text-align: center;

background: url(.../image/fon.jpg") top left;

а при отображении магазина фон остается белым.

Кто может подскажите как решить эту проблему.

Заранее благодарен за ответ.

edifier · 10 березня 2012

background: url(.../image/fon.jpg") top left;

вы вторую двойную кавычку тут забыли дописать, или в stylesheet тоже?

И точек после кавычки должно быть две

background: url("../image/fon.jpg") top left;

Лично у меня выглядит примерно так :

background: url("../image/fon.jpg") repeat scroll left top transparent

P.S. установите в фаерфоксе дополнение firebug и с помощью него смотрите как то или иное изменение влияет на дизайн

pro100off · 10 березня 2012

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

edifier · 10 березня 2012

А сколько весит ваша картинка, если она даже не вмещается на экран? Вы не задумывались о том, почему очень мало сайтов ставят картинку вместо фона ? Большая картинка весит не мало, и соответственно замедляет загрузку страницы сайта.Я не знаю как вам, но меня лично бесят сайты, которые медленно загружаются. И если у вас сайт загрузился быстро, это не значит что у других он так же быстро загрузится. В нынешнее время в сети достаточное количество пользователей с слабой скоростью инета. Так что в первую очередь задумайтесь так ли необходима эта картинка? к тому же у вас так понимаю интернет магазин. И вот ваша картинка наверняка будет отвлекать внимание покупателя от товара.

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

Вот к примеру этот форум, тут бледный фон, и невзрачное оформление. И из-за этого вы убежали отсюда не глядя? Нет! Вы остались тут, так как тут есть важна вам информация, а не красочный дизайн. По такому же принципу и делайте свой магазин Клиенту в первую очередь должна нравится информация ,а не красочный дизайн!

AE1 · 20 квітня 2012

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

fabrikator · 21 квітня 2012

для фоновой картинки можно попробовать например так

html {
background:url('../image/bg.jpg') no-repeat center fixed;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;

romign · 4 травня 2012

А сколько весит ваша картинка, если она даже не вмещается на экран? Вы не задумывались о том, почему очень мало сайтов ставят картинку вместо фона ? Большая картинка весит не мало, и соответственно замедляет загрузку страницы сайта.Я не знаю как вам, но меня лично бесят сайты, которые медленно загружаются. И если у вас сайт загрузился быстро, это не значит что у других он так же быстро загрузится. В нынешнее время в сети достаточное количество пользователей с слабой скоростью инета. Так что в первую очередь задумайтесь так ли необходима эта картинка? к тому же у вас так понимаю интернет магазин. И вот ваша картинка наверняка будет отвлекать внимание покупателя от товара.

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

Вот к примеру этот форум, тут бледный фон, и невзрачное оформление. И из-за этого вы убежали отсюда не глядя? Нет! Вы остались тут, так как тут есть важна вам информация, а не красочный дизайн. По такому же принципу и делайте свой магазин Клиенту в первую очередь должна нравится информация ,а не красочный дизайн!

Хорошо сказали :rolleyes:

wiDok · 6 травня 2012

У меня после всех приведённых выше манипуляций - картинка так и не появилась. Сайт стал только не белым, а светлосерым :)

Пробовал на разных браузерах вместе с ctrl f5

wiDok · 7 травня 2012

body {

background-color: #FFFFFF;
background: url("../image/fon.jpg");
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

в чем проблема?

wonadoo · 31 липня 2012

супер спасибо большое :eek:

Igorewa · 4 лютого 2013

Никак не получиться поставить картинку на фон, хотя добавил

body {
background-color: #FFFFFF;
background: url("../image/fon.jpg");
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

Version 1.5.4.1

Или надо указать абсолютное имя? В каком формате? с www не помогает.

2Biz · 18 червня 2013

Никак не получиться поставить картинку на фон, хотя добавил
body {
background-color: #FFFFFF;
background: url("../image/fon.jpg");
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
Version 1.5.4.1

Или надо указать абсолютное имя? В каком формате? с www не помогает.

Не важно какая у вас версия Opencart, вы кладете картинку в папку image вашего шаблона. Путь: catalog/view/theme/название вашей темы/image

Обзываете картинку fon.jpg и все должно работать. Если картинку фона назвали по другому, тогда в коде вместо fon.jpg пишите свое имя картинки

2Biz · 18 червня 2013

А сколько весит ваша картинка, если она даже не вмещается на экран? Вы не задумывались о том, почему очень мало сайтов ставят картинку вместо фона ? Большая картинка весит не мало, и соответственно замедляет загрузку страницы сайта.Я не знаю как вам, но меня лично бесят сайты, которые медленно загружаются. И если у вас сайт загрузился быстро, это не значит что у других он так же быстро загрузится. В нынешнее время в сети достаточное количество пользователей с слабой скоростью инета. Так что в первую очередь задумайтесь так ли необходима эта картинка? к тому же у вас так понимаю интернет магазин. И вот ваша картинка наверняка будет отвлекать внимание покупателя от товара.

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

Вот к примеру этот форум, тут бледный фон, и невзрачное оформление. И из-за этого вы убежали отсюда не глядя? Нет! Вы остались тут, так как тут есть важна вам информация, а не красочный дизайн. По такому же принципу и делайте свой магазин Клиенту в первую очередь должна нравится информация ,а не красочный дизайн!

Не согласен. Можно сделать красивый фон и небольшой, он даже придаст индивидуальности сайту(магазину) и загружаться будет хорошо. Либо можно использовать маленькую картинку и замостить есть весь фон.

werd51 · 11 лютого 2014

для фоновой картинки можно попробовать например так
html {
background:url('../image/bg.jpg') no-repeat center fixed;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;

спасибо! А то фон прыгал туда сюда при переходе по ссылкам

вот что у меня получилось, мож кому пригодится

body {

background: url("../image/background-body.jpg")no-repeat center fixed;;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

background-size: cover;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

}

axeproject · 11 лютого 2014

Не могу заставить замостить фоном весь сайт, можете подсказать какую команду нужно прописать?

Сейчас прописанно вот так:

body {

background: url('../image/laminat.jpg') repeat-x;

background-attachment: fixed;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

Результат такой:

axeproject · 12 лютого 2014

Не могу заставить замостить фоном весь сайт, можете подсказать какую команду нужно прописать?

Сейчас прописанно вот так:

body {

background: url('../image/laminat.jpg') repeat-x;

background-attachment: fixed;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

Результат такой: 1.jpg

Разобрался что это цвет фона подвала.

Теперь следующий вопрос можно ли как нибудь поставить картинку вместо фона подвала? либо же уменьшить размер?

werd51 · 12 лютого 2014

Разобрался что это цвет фона подвала.

Теперь следующий вопрос можно ли как нибудь поставить картинку вместо фона подвала? либо же уменьшить размер?

body {

background: url("../image/background-body.jpg")no-repeat center fixed;;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

}

axeproject · 12 лютого 2014

body {

background: url("../image/background-body.jpg")no-repeat center fixed;;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

}

Сделал, фон стал по середине а подвал так и остался белым(

Вот вроде нашел и сделал так:

/********************************* footer ********************************/

#topfooter {

clear: both;

overflow: auto;

padding: 0px 0px 0px 0px;

min-height: 0px;

_height: 0px;

background-color: #fff;

border-top:1px solid #ddd;

Тем самым белая полоса внизу максимально сузилась)

LEMBINEN · 20 березня 2014

Ребята доброго времени суток! Помогите пожалуйста! На хостинге фон не отображается, путь вроде правильно прописал. Заранее спасибо!

body {

background: url("../catalog/view/theme/default/image/fon.jpg");

background-color: #FFFFFF;

background-attachment: fixed;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

margin: 0px;

padding: 0px;

Strelez · 20 березня 2014

Должно быть

background: url("../image/fon.jpg");

LEMBINEN · 20 березня 2014

Должно быть
background: url("../image/fon.jpg");

Это в смысле того, что фон должен лежать не по моему пути, а просто в папке image?

Strelez · 20 березня 2014

Это в смысле того, что фон должен лежать здесь catalog/view/theme/default/image/fon.jpg, а в файле стилей запись должна быть такой, как я написал.

TyMaHoB · 29 листопада 2015

Доброе время суток!Такая проблема. Заменил стандартную картинку background.png на свою, в stylsheet.css ничего не менял, но все равно фон не заменился( в чем может быть проблема? выглядит так

background: url('../image/background.png') repeat-x;

background: url('../image/background.png') repeat-x transparent;

mazaXaka · 26 серпня 2016

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

Вхід

[РЕШЕНО] Изменить фон на картинку.

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information