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


Фон


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

#1 shreg1

shreg1

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

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

Отправлено 28 Январь 2011 - 12:03

Добрый день. Скажите пожалуйста как поменять Фон в целом допустим вот на эту картинку?

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

  • header_page_without_logo.png


#2 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 28 Январь 2011 - 13:22

Я думаю Вам интересно будет почитать эти статьи:
http://design-mania....css-background/
http://cjclick.ru/20...css-background/

После этого поставить через редактор тем в файле html у тега
<body>
фон, примерно так:
<body style="background:url("{ASSETS_IMAGES_PATH}путь к закаченной картинке") repeat-xy center center;">


#3 shreg1

shreg1

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

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

Отправлено 28 Январь 2011 - 17:07

Просмотр сообщенияsupport (28 Январь 2011 - 13:22) писал:

Я думаю Вам интересно будет почитать эти статьи:
http://design-mania....css-background/
http://cjclick.ru/20...css-background/

После этого поставить через редактор тем в файле html у тега
<body>
фон, примерно так:
<body style="background:url("{ASSETS_IMAGES_PATH}путь к закаченной картинке") repeat-xy center center;">

Почему то не получается. Может где-то ошибка?

#4 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 29 Январь 2011 - 15:27

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

#5 shreg1

shreg1

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

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

Отправлено 31 Январь 2011 - 10:04

Просмотр сообщенияsupport (29 Январь 2011 - 15:27) писал:

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

http://uvashop.storeland.ru/

#6 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 02 Февраль 2011 - 17:15

К сожалению я сейчас не вижу изменений у тега body... Сейчас там идёт код:
...
</head>

<body>

  <div class="b_page" id="wrapper">

	<div class="container" id="header">

...

Для того чтобы фон начал отображаться требуется указать его у этого тега, чтобы получился вот такой код вместо текущего:
...
</head>

<body style="background:url("{ASSETS_IMAGES_PATH}путь к закаченной картинке") repeat-xy center center;">

  <div class="b_page" id="wrapper">

	<div class="container" id="header">

...

И фон начнёт отображаться как надо.

#7 Bonna

Bonna

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

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

Отправлено 18 Февраль 2011 - 17:49

Подскажите пож-та, как правильно указать путь к закачанной картинке?

#8 Bonna

Bonna

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

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

Отправлено 20 Февраль 2011 - 05:06

Я закачала на сайт картинку в формате jpg, срока в html выглядит так:
<body style="background:url("{ASSETS_IMAGES_PATH}http://files.iris24.ru/web/upload/sitefiles/1/8/7113/11111.jpg") repeat-xy center center;">
Но фон не отображается. Где я напутала?
Или какие требования к самому файлу?

#9 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 21 Февраль 2011 - 17:57

В данном случае Вы указали абсолютный путь к файлу:
http://files.iris24.ru/web/upload/sitefiles/1/8/7113/11111.jpg
Переменная {ASSETS_IMAGES_PATH} содержит как раз тот же самый путь, без названия файла:
http://files.iris24.ru/web/upload/sitefiles/1/8/7113/
Она создана для удобства, чтобы не указывать путь вручную.
В общем случае, если файл закачен в редактор тем, в блок файлы, то путь к файлу указывается вот так:
{ASSETS_IMAGES_PATH}11111.jpg
Если же файл закачен в раздел файлы, то путь к нему указывается полный, без переменной ASSETS_IMAGES_PATH. В результате вышеуказанный код должен выглядеть вот так, после этого он заработает:
<body style="background:url("http://files.iris24.ru/web/upload/sitefiles/1/8/7113/11111.jpg") repeat-xy center center;">


#10 solo3376

solo3376

    Новичок

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

Отправлено 24 Февраль 2011 - 10:41

Здравствуйте, подскажите пожалуйста, не получается изменить фон в шаблоне сияние. магазин: decorstena.ru
Перепробовал все. прочитал все ссылки. помогите пожалуйста!!!!

#11 Kruglik_89

Kruglik_89

    Новичок

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

Отправлено 28 Февраль 2011 - 09:45

Просмотр сообщенияsupport (02 Февраль 2011 - 17:15) писал:

К сожалению я сейчас не вижу изменений у тега body... Сейчас там идёт код:
...</head><body>  <div class="b_page" id="wrapper">	<div class="container" id="header">...
Для того чтобы фон начал отображаться требуется указать его у этого тега, чтобы получился вот такой код вместо текущего:
...</head><body style="background:url("{ASSETS_IMAGES_PATH}путь к закаченной картинке") repeat-xy center center;">  <div class="b_page" id="wrapper">	<div class="container" id="header">...
И фон начнёт отображаться как надо.

Доброе утро! Попробовал так как вы написали,что то фон не меняется, перед тегом /head  получилось
<body style="background:url("{ASSETS_IMAGES_PATH}343434.png") repeat-xy center center;">  <div class="b_page" id="wrapper">
а фон все равно не меняется,в чем может быть проблема?

Пока что вернул стандартный шаблон.

#12 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 01 Март 2011 - 16:41

Просмотр сообщенияsolo3376 (24 Февраль 2011 - 10:41) писал:

Здравствуйте, подскажите пожалуйста, не получается изменить фон в шаблоне сияние. магазин: decorstena.ru
Перепробовал все. прочитал все ссылки. помогите пожалуйста!!!!
Сейчас вижу у этого магазина шаблон "мокко"... для него фон меняется изменением в редакторе тем файла main.csstemplate, изменением стилей:

Для шапки сайта:
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}

Для тела сайта:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

Для подвала сайта:
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Для понимания как это работает я бы советовал Вам прочитать вот эту информацию о свойстве background
Либо можно поступить проще и заменить файлы в том же редакторе тем, в блоке файлы:
Для шапки сайта:
header_bg.jpg

Для тела сайта снизу:
contentWrap_bg.jpg

Для подвала сайта:
botfade.jpg

Под заменой я имею ввиду - удалить в редакторе тем старый файл и закачать вместо него новый с тем же названием чтобы не править лишний раз css файлы

#13 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 01 Март 2011 - 17:08

Просмотр сообщенияKruglik_89 (28 Февраль 2011 - 09:45) писал:

Доброе утро! Попробовал так как вы написали,что то фон не меняется, перед тегом /head  получилось...
Вы изменяли фон тега body, он расположен под основными элементами, поэтому его не было видно.

Для шаблона сияние фон шапки отображается кодом в main.csstemplate:
.b_page {background: url({ASSETS_IMAGES_PATH}header_page.png) no-repeat center top;}

Для тела сайта:
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
  padding-top: 10px;
}
и полосочка разделитель сбоку - тоже фоновый рисунок:
.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
  overflow:hidden;  
  padding-bottom: 2em;
}

Для подвала сайта:
#footer {
  background: url({ASSETS_IMAGES_PATH}footer_bg.jpg) no-repeat center top;
  padding: 10px;
  margin: 0px auto;
  width: 940px;
  height: 60px;
}

Соответственно изменяя стили для этих элементов можно установить нужный фон на вашем сайте. Я бы Вам советовал изучить технологию работы свойства background, думаю это существенно облегчит задачу.

Аналогично если не хочется изменять css файлы и требуется лишь изменить фоновые рисунки то они в разделе "Сайт" > "Редактор тем" в блоке "Файлы" нужно будет изменить следующие файлы:
Для шапки сайта:
header_page.png

Для тела сайта сверху:
cpage-top-bg.jpg

Для тела сайта, полосочка разделитель:
content-page-br.gif

Для подвала сайта:
footer_bg.jpg

#14 Kruglik_89

Kruglik_89

    Новичок

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

Отправлено 25 Март 2011 - 17:53

Спасибо!

#15 kalashman

kalashman

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

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

Отправлено 26 Март 2011 - 20:12

изменил фон с белого на черный:
body {
  background-color: #000000;
}
#wrapper {
  background-color: #000000;
  padding-bottom: 10px;
}

после этого перестали отображаться шапка и другие графические файлы которые были. в чем дело и как и отображать?

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

Сообщение отредактировал kalashman: 27 Март 2011 - 18:14


#16 Пиастра

Пиастра

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородТемрюк

Отправлено 06 Апрель 2011 - 01:18

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

Подскажите пожалуйста, загрузила фон, все получилось, но на страницах (главная - http://ekzo.storeland.ru, и т.д.), которые более содержательные по количеству текста, фон отображается только в начале.

Как мне его растянуть на всю страницу???

Буду очень признательна, если кто поможет!!!!

#17 Vaccina

Vaccina

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

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

Отправлено 06 Апрель 2011 - 17:20

В файле main.css - ваш файл стилей. найдите и поменяйте свойство
  #cpages  {
  background: url(http://img.ekzo.storeland.ru/web/upload/assets/images/9/8331/11111.jpg) no-repeat 0px 80px;
  padding-top: 10px;
 }
 

удалив no-repeat

Что бы получилось следующее
  #cpages  {
  background: url(http://img.ekzo.storeland.ru/web/upload/assets/images/9/8331/11111.jpg) 0px 80px;
  padding-top: 10px;
 }
 

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

#18 Пиастра

Пиастра

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородТемрюк

Отправлено 06 Апрель 2011 - 21:30

Просмотр сообщенияVaccina (06 Апрель 2011 - 17:20) писал:

В файле main.css - ваш файл стилей. найдите и поменяйте свойство
  #cpages  {
  background: url(http://img.ekzo.storeland.ru/web/upload/assets/images/9/8331/11111.jpg) no-repeat 0px 80px;
  padding-top: 10px;
 }
 

удалив no-repeat

Что бы получилось следующее
  #cpages  {
  background: url(http://img.ekzo.storeland.ru/web/upload/assets/images/9/8331/11111.jpg) 0px 80px;
  padding-top: 10px;
 }
 

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

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

#19 daina.storeland.ru

daina.storeland.ru

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

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

Отправлено 18 Апрель 2011 - 19:50

Сделал как тут написано, кое как начало отображаться. Хочу вернуть назад не получается, в чём проблема?
убрал стиль из тега <body> в css стилях в #cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
  padding-top: 10px; сделал таким т.е. вернул на предыдущее место всё, что было. Даже удалил картинку, которая использовалась в качестве фона, а в результате все равно фон остался, почему так произошло? может быть это ошибка?

#20 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2011 - 19:55

Хм. попробуйте под другим браузером посмотреть свой сайт. Быть может кэш?




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

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