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

[liliveli]

привет, Ребята!
пожалуйста, расскажите подробно, по пунктам - как сменить фон в Мокко.

[Vaccina]

Подобные темы уже обсуждались у нас на форуме и имеют инструкции:
http://forum.storela...-фон-и-контуры/

На данный момент по вашему аккаунту установлена тема Радость, ваш вопрос еще актуален?

[liliveli]

интересная тема! спасибо! проделала все, что там прописано... видимо...  делаю что-то не так... а фон поменять... ну очень надо   http://cosmeticsleli.ru/ помогите... плиииззз!

Vaccina (16 Январь 2014 - 04:16) писал:

Подобные темы уже обсуждались у нас на форуме и имеют инструкции:
http://forum.storela...-фон-и-контуры/

На данный момент по вашему аккаунту установлена тема Радость, ваш вопрос еще актуален?

[Vaccina]

Для изменения фона шапки сайта в файле main.css найдите:

#headerWrap {

в нем ниже измените значение стиля background, если это картинка, то достаточно заменить название файла header_bg.jpg на свое(свой файл загружаете в раздел Редактор шаблонов)

[liliveli]

Vaccina (17 Январь 2014 - 06:56) писал:

Для изменения фона шапки сайта в файле main.css найдите:

#headerWrap {

в нем ниже измените значение стиля background, если это картинка, то достаточно заменить название файла header_bg.jpg на свое(свой файл загружаете в раздел Редактор шаблонов)

загрузила фон в редакторе,
заменила рисунок на свой - изменений нет.
пробовала менять название файла.
результат - ноль.
хочется, чтобы шапка и поля по бокам были одинакового цвета.
еще один вопрос- как слоган разместить в две строчки(чтобы текст на  нижняя строка был одной длины с текстом на  верхней строке)?.

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

• 
• 

[Vaccina]

на данный момент, фон у вас изменен, не забывайте чистить кэш в своем браузере клавишей F5.
Ширина слогана задается в main.css в сл.блоке:

#header #title {
	bottom: 44px;
	margin: 0;
	position: absolute;
	right: 10px;
	width: 420px;
}

стилем width

[liliveli]

Vaccina (18 Январь 2014 - 03:51) писал:

на данный момент, фон у вас изменен, не забывайте чистить кэш в своем браузере клавишей F5.
Ширина слогана задается в main.css в сл.блоке:

#header #title {
bottom: 44px;
margin: 0;
position: absolute;
right: 10px;
width: 420px;
}

стилем width

СПАСИБО!!!! ВСЕ ПОЛУЧИЛОСЬ!!!! )))))
шапка готова... и пожалуйста, подробнее объясните - как сделать фон по сторонам сайта

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

• 

[Castiel]

liliveli (18 Январь 2014 - 07:49) писал:

СПАСИБО!!!! ВСЕ ПОЛУЧИЛОСЬ!!!! )))))
шапка готова... и пожалуйста, подробнее объясните - как сделать фон по сторонам сайта

Здравствуйте, редактируем main.css
Находим

#contentWrap {
clear: both;
background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}

Заменяем значение background: на свое

[WWY]

Уважаемые админы, помогите замостить бесшовным узором фон и шапку. Спасибо.

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

• 

[liliveli]

Castiel (18 Январь 2014 - 10:29) писал:

Здравствуйте, редактируем main.css
Находим

#contentWrap {
clear: both;
background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}

Заменяем значение background: на свое

я не понимаю... что там мое...

[@lina_va]

WWY (18 Январь 2014 - 15:15) писал:

Уважаемые админы, помогите замостить бесшовным узором фон и шапку. Спасибо.

Здравствуйте
1) В main.css замените:

#headerWrap {
height: 150px;
background: url("http://design.eko-fashion.ru/header_bg.png") top center no-repeat;
}

на

#headerWrap {
height: 170px;
}

2)

#contentWrap {
clear: both;
background: url(http://design.eko-fashion.ru/main_background.jpg) repeat-x scroll left bottom transparent;
clear: both;
background-attachment: fixed;
background-size: cover /*чтобы картинка помещалась целиком*/;
}

на

#contentWrap {
clear: both;
clear: both;
background-attachment: fixed;
background-size: cover /*чтобы картинка помещалась целиком*/;
}

3)

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url(http://design.eko-fashion.ru/main_background.jpg);
}

на

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url(http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=16343);
background: url(http://design.eko-fashion.ru/main_background.jpg);
}

4) удалите:

#headerWrap, #subNavigation, .contentTbodyCompare {
border-bottom: 7px solid #00A86B;
}

[@lina_va]

liliveli (18 Январь 2014 - 19:12) писал:

я не понимаю... что там мое...

Здравствуйте
1) В main.css замените:

#content {
width: 960px;
margin: 0 auto;
}

на

#content {
width: 960px;
margin: 0 auto;
background: white;
}

2) Загрузите изображение в бэк офис
3) В блоке:

#contentWrap {
clear: both;
background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}

Замените строку:  

[/size][size=4]background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;[/size][size=4]

на

background: url({ASSETS_IMAGES_PATH}1.jpg )

Вместо

1.jpg

напишите название загруженного изображения

[WWY]

@lina_va (18 Январь 2014 - 19:45) писал:

Здравствуйте
1) В main.css замените:

#headerWrap {
height: 150px;
background: url("http://design.eko-fashion.ru/header_bg.png") top center no-repeat;
}

на

#headerWrap {
height: 170px;
}

2)[size=4]

[/size]
#contentWrap {
clear: both;
background: url(http://design.eko-fashion.ru/main_background.jpg) repeat-x scroll left bottom transparent;
clear: both;
background-attachment: fixed;
background-size: cover /*чтобы картинка помещалась целиком*/;
}

на

#contentWrap {
clear: both;
clear: both;
background-attachment: fixed;
background-size: cover /*чтобы картинка помещалась целиком*/;
}

3)[size=4]

[/size]
body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url(http://design.eko-fashion.ru/main_background.jpg);
}

на

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url(http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=16343);
background: url(http://design.eko-fashion.ru/main_background.jpg);
}

4) удалите:

#headerWrap, #subNavigation, .contentTbodyCompare {
border-bottom: 7px solid #00A86B;
}

Все благодарствую за оперативность!

[liliveli]

@lina_va (18 Январь 2014 - 19:53) писал:

Здравствуйте
1) В main.css замените:

#content {
width: 960px;
margin: 0 auto;
}

на

#content {
width: 960px;
margin: 0 auto;
background: white;
}

2) Загрузите изображение в бэк офис
3) В блоке:

#contentWrap {
clear: both;
background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}

Замените строку:  

[/size][size=4]background: url(http://cosmeticsnano.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;[/size][size=4]

на

background: url({ASSETS_IMAGES_PATH}1.jpg )

Вместо

1.jpg

напишите название загруженного изображения

НЕВЕРОЯТНО!!!
НЕ ОЖИДАЛА!!!
ТАК ПРОСТО!!!
получилось - обалденно!
СПАСИБО!!!
http://cosmeticsleli.ru/ -  мне нравится!!!

[alex883]

здравствуйте

[alex883]

как установить такой фон на сайт sl-263844

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

• 

[Alexey11]

alex883 (18 Январь 2014 - 22:32) писал:

как установить такой фон на сайт sl-263844

Просто удалите из бэк-офиса картинку c именем contentWrap_bg.jpg , далее переименуйте свою картинку в contentWrap_bg.jpg и загрузите ее через бэк офис.

[@lina_va]

alex883 (18 Январь 2014 - 22:32) писал:

как установить такой фон на сайт sl-263844

Если Вы хотите, чтобы картинка была по ширине всего сайта, нужно использовать картинку большего размера
В main.css замените:

#headerWrap {
height: 150px;
background: url(http://design.modavstyle.ru/header_bg.jpg) repeat-x;
}

на

#headerWrap {
height: 150px;
}

#contentWrap {
clear: both;
background: url(http://design.modavstyle.ru/contentWrap_bg.jpg) repeat-x left bottom;
}

на

#contentWrap {
clear: both;
}

и

#footer {
background: url("http://design.modavstyle.ru/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;
}

на

#footer {
50% 100%;
border-top: 1px solid #CCC;
clear: both;
color: #999;
font-family: verdana;
height: 139px;
margin: 0px;
padding: 0px;
text-align: center;
}

Затем

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}

на

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url(http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=16358) no-repeat;
color: #666;
}

(http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=16358

- ссылка на изображение

[alex883]

все хорошо только изменяю размер  картинки в paint она меняется, сохраняю,она на сайте не меняется

[Alexey11]

Найдите данный блок кода в шаблоне main.css:

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url(http://forum.storeland.ru/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=16358) no-repeat;
color: #666;
}

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

body {
font-size: 75%;
line-height: 1.6666em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url({ASSETS_IMAGES_PATH}mainbackground.jpg) no-repeat;
color: #666;
}

далее загрузите нужную вам картинку в редакторе шаблонов предварительно переименовав ее в mainbackground.jpg