Фон
#1
Отправлено 28 Январь 2011 - 12:03
#2
Отправлено 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
Отправлено 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
Отправлено 29 Январь 2011 - 15:27
#5
Отправлено 31 Январь 2011 - 10:04
support (29 Январь 2011 - 15:27) писал:
http://uvashop.storeland.ru/
#6
Отправлено 02 Февраль 2011 - 17:15
... </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
Отправлено 18 Февраль 2011 - 17:49
#8
Отправлено 20 Февраль 2011 - 05:06
<body style="background:url("{ASSETS_IMAGES_PATH}http://files.iris24.ru/web/upload/sitefiles/1/8/7113/11111.jpg") repeat-xy center center;">Но фон не отображается. Где я напутала?
Или какие требования к самому файлу?
#9
Отправлено 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
Отправлено 24 Февраль 2011 - 10:41
Перепробовал все. прочитал все ссылки. помогите пожалуйста!!!!
#11
Отправлено 28 Февраль 2011 - 09:45
support (02 Февраль 2011 - 17:15) писал:
...</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
Отправлено 01 Март 2011 - 16:41
solo3376 (24 Февраль 2011 - 10:41) писал:
Перепробовал все. прочитал все ссылки. помогите пожалуйста!!!!
Для шапки сайта:
#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
Отправлено 01 Март 2011 - 17:08
Kruglik_89 (28 Февраль 2011 - 09:45) писал:
Для шаблона сияние фон шапки отображается кодом в 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
Отправлено 25 Март 2011 - 17:53
#15
Отправлено 26 Март 2011 - 20:12
body {
background-color: #000000;
}
#wrapper {
background-color: #000000;
padding-bottom: 10px;
}
после этого перестали отображаться шапка и другие графические файлы которые были. в чем дело и как и отображать?
Все, разобрался сам... пока тяжело дается редактирование, куча вопросов....
Сообщение отредактировал kalashman: 27 Март 2011 - 18:14
#16
Отправлено 06 Апрель 2011 - 01:18
Подскажите пожалуйста, загрузила фон, все получилось, но на страницах (главная - http://ekzo.storeland.ru, и т.д.), которые более содержательные по количеству текста, фон отображается только в начале.
Как мне его растянуть на всю страницу???
Буду очень признательна, если кто поможет!!!!
#17
Отправлено 06 Апрель 2011 - 17:20
#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
Отправлено 06 Апрель 2011 - 21:30
Vaccina (06 Апрель 2011 - 17:20) писал:
#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
Отправлено 18 Апрель 2011 - 19:50
убрал стиль из тега <body> в css стилях в #cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px; сделал таким т.е. вернул на предыдущее место всё, что было. Даже удалил картинку, которая использовалась в качестве фона, а в результате все равно фон остался, почему так произошло? может быть это ошибка?
#20
Отправлено 18 Апрель 2011 - 19:55
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных