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


Белый Фон По Бокам


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

#1 domsily

domsily

    Новичок

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

Отправлено 21 Февраль 2012 - 03:37

Доброго времени суток, у меня два вопроса
1. Как изменить фон на картинку по бокам сайта
2. Возможно ли туда же вставить баннер, если да то каким образом?
(картинка прилагается)
Заранее спасибо
сайт - www.domsily.ru

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

  • картинка.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 21 Февраль 2012 - 21:51

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

body {
	background-color: #212121;
	min-width: 960px;
}

в файле стилей, прописав свойство background или background-image

Пример

background: url("http://img.storeland.ru/web/upload/assets/images/40/39561/header_page.png") left top;

Для баннера вы можете почитать следующую тему форума

http://forum.storela...ndpost__p__8919

Все делается аналогично.

#3 Santos

Santos

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

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

Отправлено 24 Февраль 2012 - 12:42

Уважаемая Vaccina!!! Помогите,заменил цвет на черный,в CSS выглядит вот так:
body {
  background-color: #000;
  min-width: 960px;
}
#wrapper {
  background-color: #FFFFFF;
  padding-bottom: 10px;

Но,как края были БЕЛЫМИ так и остались,ни че не помогает!!!

вот сайт: http://mma-budo-shop.storeland.ru/

#4 Vaccina

Vaccina

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

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

Отправлено 27 Февраль 2012 - 16:14

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

#5 TAD-jik

TAD-jik

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

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

Отправлено 27 Февраль 2012 - 16:42

Просмотр сообщенияSantos (24 Февраль 2012 - 12:42) писал:

Уважаемая Vaccina!!! Помогите,заменил цвет на черный,в CSS выглядит вот так:
body {
  background-color: #000;
  min-width: 960px;
}
#wrapper {
  background-color: #FFFFFF;
  padding-bottom: 10px;

Но,как края были БЕЛЫМИ так и остались,ни че не помогает!!!

вот сайт: http://mma-budo-shop.storeland.ru/


Здравствуйте вам надо кеш браузера почистить :rolleyes:

#6 sunlight

sunlight

    Новичок

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

Отправлено 16 Март 2013 - 23:46

Здравствуйте!
Как ипользовать в качестве основного фона сайта текстуру, если есть маленький фрагмент фона?

#7 Koderhan

Koderhan

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

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

Отправлено 18 Март 2013 - 08:48

Просмотр сообщенияsunlight (16 Март 2013 - 23:46) писал:

Здравствуйте!
Как ипользовать в качестве основного фона сайта текстуру, если есть маленький фрагмент фона?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

body {
  background-color: #212121;
  min-width: 960px;
}
Заменить:
body {
  background-color: #212121;
  min-width: 960px;
  background: url(адрес до изображения);
}


#8 sunlight

sunlight

    Новичок

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

Отправлено 24 Март 2013 - 00:29

Спасибо, все получилось.

#9 Yri

Yri

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

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

Отправлено 30 Март 2013 - 08:59

Просмотр сообщенияKoderhan (18 Март 2013 - 08:48) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

body {
background-color: #212121;
min-width: 960px;
}
Заменить:
body {
background-color: #212121;
min-width: 960px;
background: url (адрес до изображения);
}
Может ли файл быть с компьютера, или обязательно в интернет заливать.
Заранее спасибо!

#10 miyako

miyako

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

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

Отправлено 30 Март 2013 - 09:51

Просмотр сообщенияYri (30 Март 2013 - 08:59) писал:

Может ли файл быть с компьютера, или обязательно в интернет заливать.
Заранее спасибо!

Если вы про изображение для фона, то его нужно загрузить в Файлы (Сайт-Редактор тем)

#11 Yri

Yri

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

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

Отправлено 30 Март 2013 - 20:58

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

#12 Koderhan

Koderhan

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

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

Отправлено 31 Март 2013 - 07:53

Просмотр сообщенияYri (30 Март 2013 - 20:58) писал:

Спасибо, получилось.
Но не так как хотелось.
Изображение появилось не по бокам а в подвале.
Подскажите пожалуйста, как сделать так, чтобы изображение пошло от шапки (включая её саму) и до подвала (подвал не трогать)
Мой сайт
Изображение
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}
Заменить:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) repeat-y center top;}


#13 Yri

Yri

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

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

Отправлено 31 Март 2013 - 09:12

Цитата

Найти код:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}
Заменить:

.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) repeat-y center top;}

Спасибо конечно за помощь, но желаемого результата я не получил.
Может я чтото не так делаю, сейчас вернул всё назад, а так он мне много раз продублировал шапку вместе с изображением корзины.

И если можно, помогите пожалуйста по этой ссылке.

#14 Stasya

Stasya

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

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

Отправлено 31 Март 2013 - 12:07

Попробуйте создать в граф.редакторе тот фон который Вам необходим( для всей страницы, т.е. чтобs там и шапка и фон были) и загрузить в бэк-офис с именем header_page.png.

#15 Yri

Yri

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

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

Отправлено 31 Март 2013 - 14:03

Так я тоже делал, всё получилось, кроме того, что сама шапка стала ужасной.

#16 TSSS

TSSS

    Новичок

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

Отправлено 05 Июнь 2013 - 21:23

Здравствуйте!
У меня такая же проблема-нужно сделать белый фон по бокам картинкой, не трогая подвала и шапки сайта....пробовала как описано выше-либо меняется фон в подвале, либо заливается весь фон, бока остаются белыми .Заранее спасибо

#17 Taisia

Taisia

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

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

Отправлено 05 Июнь 2013 - 22:20

Просмотр сообщенияTSSS (05 Июнь 2013 - 21:23) писал:

Здравствуйте!
У меня такая же проблема-нужно сделать белый фон по бокам картинкой, не трогая подвала и шапки сайта....пробовала как описано выше-либо меняется фон в подвале, либо заливается весь фон, бока остаются белыми .Заранее спасибо


если я правильно вас поняла проделайте следующие действия

для начала сделайте бэкап вашего сайта

затем в файле main.css найдите код

body {
background-color: #212121;
min-width: 960px;
}

добавьте в него строку

body {
background-color: #212121;
min-width: 960px;
background: url(тут ссылка на вашу картинку фона) repeat;
}

далее найдите код

#wrapper {
background-color: #fff;
padding-bottom: 10px;
}

и замените его на

#wrapper {
padding-bottom: 10px;
}

далее найдите код содержащий такой кусок

#cpages {
[size=4]padding-top: 10px;[/size]



и добавьте туда строку

background-color: #fff;


#18 TSSS

TSSS

    Новичок

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

Отправлено 05 Июнь 2013 - 22:26

Огромное спасибо, практически все получилось, только вот фон у  подвала  тоже изменился и обрезался по бокам.Как растянуть подвал  по всей длине?

#19 Taisia

Taisia

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

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

Отправлено 05 Июнь 2013 - 22:47

попробуйте так
найдите код в main.css

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 0px auto;
width: 940px;
height: 60px;
}

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

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.jpg) repeat center top;

padding: 10px 500px 10px 500px;
margin: 0px auto;
width: 940px;
height: 60px;

}


#20 TSSS

TSSS

    Новичок

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

Отправлено 05 Июнь 2013 - 22:49

Спасибо.Все получилось!!!Очень благодарна




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

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