Сообщений в теме: 220

[support 2.0]

koob (04 Апрель 2013 - 09:21) писал:

Фон установлен на всю страницу. Я хочу попробовать 2 варианта. В обоих вариантах высота должна быть с высоту шапки. 1вариант ширина фона по ширине шапки. 2 вариант ширина фона  по ширине страницы. Выше на рисунках варианты выделены черной линией. Внутри выделенного фрагмента должен быть фон, а всё что ниже залито серым цветом (giansboro).

найдите в файле main.css строчку

body { background: gainsboro fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0; }

замените на

body {background:gainsboro; font: 100%/1.4 Tahoma, Geneva, sans-serif;}
#backtop { background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg) center top repeat-x; height: 160px;clear:both;}
#header { height: 158px; }

теперь найдите

#header {width:100%; height:120px; clear:both; height: 158px; background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg); margin-bottom: -10px;}

и удалите ее

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

• 

[kaktus]

albka (07 Июль 2012 - 17:47) писал:

background:url(http://img.storeland.ru/web/upload/assets/images/106/105860/Bg_BFly.jpg) #adcdd7 center center fixed;

Подскажите а куда вставлять этот текст?

Уже сам разобрался, все получилось

[koob]

support 2.0 (04 Апрель 2013 - 10:00) писал:

найдите в файле main.css строчку

body { background: gainsboro fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0; }

замените на

body {background:gainsboro; font: 100%/1.4 Tahoma, Geneva, sans-serif;}
#backtop { background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg) center top repeat-x; height: 160px;clear:both;}
#header { height: 158px; }

теперь найдите

#header {width:100%; height:120px; clear:both; height: 158px; background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg); margin-bottom: -10px;}

и удалите ее

Да почти так. Только фон хотелось опустить пониже как на картинке

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

• 

[support 2.0]

koob (05 Апрель 2013 - 16:19) писал:

Да почти так. Только фон хотелось опустить пониже как на картинке

можете в моем коде

body {background:gainsboro; font: 100%/1.4 Tahoma, Geneva, sans-serif;}
#backtop { background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg) center top repeat-x; height: 160px;clear:both;}
#header { height: 158px; }

в строчке

#backtop { background:url({ASSETS_IMAGES_PATH}webtreats_black_leather.jpg) center top repeat-x; height: 160px;clear:both;}

изменить

height: 160px;

на

height: 260px;

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

[Repych]

Добрый день!
Скажите, пожалуйста, как нижний фон поднять на уровень верха футера? (см. картинку). Чтобы на всех страницах независимо от её высоты он там и оставался.

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

• 

[miyako]

Repych (06 Апрель 2013 - 13:41) писал:

Добрый день!
Скажите, пожалуйста, как нижний фон поднять на уровень верха футера? (см. картинку). Чтобы на всех страницах независимо от её высоты он там и оставался.

Напишите пожалуйста ваш номер аккаунта или адрес вашего сайта

[Repych]

miyako (06 Апрель 2013 - 14:15) писал:

Напишите пожалуйста ваш номер аккаунта или адрес вашего сайта

Номер аккаунта SL-192483

[miyako]

Repych (06 Апрель 2013 - 14:20) писал:

Номер аккаунта SL-192483

можно поднять вверх изменяя второе значение у фона (то есть 88% измените на 77%, к примеру):

#backtop {
background: url(http://design.glorious-shop.ru/bgout.jpg) 50% 88% no-repeat;
}

файл main.css
Но если поднять, то не совсем корректно будет отображаться фон.

[Repych]

miyako (06 Апрель 2013 - 15:01) писал:

можно поднять вверх изменяя второе значение у фона (то есть 88% измените на 77%, к примеру):

#backtop {
background: url(http://design.glorious-shop.ru/bgout.jpg) 50% 88% no-repeat;
}

файл main.css
Но если поднять, то не совсем корректно будет отображаться фон.

изначально было так: background: url(http://design.glorio...op.ru/bgout.jpg) bottom center no-repeat;
На 50% и 88% изменил я, и на главной странице все выглядит нормально, но в каталоге, где высота странице больше, выглядит плохо, т.к. фон становится выше, чем верхушка футера.

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

• 

[Koderhan]

Repych (06 Апрель 2013 - 15:10) писал:

изначально было так: background: url(http://design.glorio...op.ru/bgout.jpg) bottom center no-repeat;
На 50% и 88% изменил я, и на главной странице все выглядит нормально, но в каталоге, где высота странице больше, выглядит плохо, т.к. фон становится выше, чем верхушка футера.

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

#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) 50% 88% no-repeat;}

Заменить:

#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) 50% 88% no-repeat; background-position: center bottom 98px;}

[Repych]

Koderhan (06 Апрель 2013 - 15:48) писал:

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

#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) 50% 88% no-repeat;}

Заменить:

#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) 50% 88% no-repeat; background-position: center bottom 98px;}

Большое спасибо! А  50% 88% можно стереть, как я понимаю, да?

[Stasya]

Не стоит, это параметры картинки.

[Repych]

Stasya (06 Апрель 2013 - 17:12) писал:

Не стоит, это параметры картинки.

Небольшой недостаток, в IE 9 неверно отображается, как будто вот этого нет: background-position: center bottom 98px;}

[Koderhan]

Repych (06 Апрель 2013 - 18:59) писал:

Небольшой недостаток, в IE 9 неверно отображается, как будто вот этого нет: background-position: center bottom 98px;}

Попробуйте удалить код.

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

<meta http-equiv="X-UA-Compatible" content="IE=7">

[Repych]

Koderhan (06 Апрель 2013 - 19:40) писал:

Попробуйте удалить код.

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

<meta http-equiv="X-UA-Compatible" content="IE=7">

Помогло, спасибо! И "Помощь онлайн" стала отображаться в IE. И углы стали скругленными в нижнем меню.

[сергей1904]

Как в пластике на фон во весь экран поставить картинку? И чтобы при удлинении страници не оставалось синего фона ?

[Stasya]

В файле main.css найдите блок

#backtop {
background: url(http://stasyashop.storeland.net/bgout.jpg) bottom center no-repeat;
}

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

#backtop {
background: url({ASSETS_IMAGES_PATH}bgout.jpg) 100% repeat-y;
}

Загрузите свою картинку в файлы с именем bgout и формате jpg.

[сергей1904]

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

[Stasya]

Вы удалили старую картинку с таким же названием?

[сергей1904]

А можно сделать фон неподвижным при прокрутке сайта?