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


Фон Сайта

Автор Lelik, 07 мая 2014 14:41

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

#1 Lelik

Lelik

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

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

Отправлено 07 Май 2014 - 14:41

Здравствуйте. Помогите пожалуйста. Нужно поменять фон шаблона пластик, на изображение, как это сделать? Аккаунт SL-280952 изображение - 038d60e36599.jpg

#2 Ирина345

Ирина345

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

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

Отправлено 07 Май 2014 - 14:47

Просмотр сообщенияLelik (07 Май 2014 - 14:41) писал:

Здравствуйте. Помогите пожалуйста. Нужно поменять фон шаблона пластик, на изображение, как это сделать? Аккаунт SL-280952 изображение - 038d60e36599.jpg
Здравствуйте, что бы поменять фон Вам нужно зайти в редактор шаблонов->main.css найти
 #backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) bottom center no-repeat; }
и заменить на
#backtop { background:url({ASSETS_IMAGES_PATH}ваша картинка) no-repeat; }

#3 Lelik

Lelik

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

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

Отправлено 07 Май 2014 - 15:31

Не получается, делаю как вы написали но все остается как прежде. Может быть нужно кэш почистить?

#4 MikDark

MikDark

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

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

Отправлено 07 Май 2014 - 15:41

Просмотр сообщенияLelik (07 Май 2014 - 15:31) писал:

Не получается, делаю как вы написали но все остается как прежде. Может быть нужно кэш почистить?

Удалите код:
#backtop { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) no-repeat; }

Далее найдите код:
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}http://iceberg63.storeland.net/look.com.ua_15795.jpg?0509

и замените на:
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%;}

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

#5 Lelik

Lelik

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

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

Отправлено 07 Май 2014 - 16:01

Поменять картинку удалось ура ура спасибо большое за помощь. Но вот незадача при изменении фона нижний блок и верхний почему то изменились в размере. как теперь восстановить?

#6 MikDark

MikDark

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

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

Отправлено 07 Май 2014 - 16:25

Просмотр сообщенияLelik (07 Май 2014 - 16:01) писал:

Поменять картинку удалось ура ура спасибо большое за помощь. Но вот незадача при изменении фона нижний блок и верхний почему то изменились в размере. как теперь восстановить?

Пришлите, пожалуйста, скриншот с указанием тем мест, которые неправильно отображаются. и укажите браузер, которым пользуетесь.

#7 Lelik

Lelik

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

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

Отправлено 07 Май 2014 - 18:54

Просмотр сообщенияMikDark (07 Май 2014 - 16:25) писал:

Пришлите, пожалуйста, скриншот с указанием тем мест, которые неправильно отображаются. и укажите браузер, которым пользуетесь.

1) нижняя панель была в самом низу где указаны способы оплаты и и панель с кнопками главная и т.д.
2) блок  который в центре уменьшился в размере по вертикали.
верхняя панель как стояла так и стоит.
использую браузер опера.

#8 MikDark

MikDark

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

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

Отправлено 07 Май 2014 - 19:07

Просмотр сообщенияLelik (07 Май 2014 - 18:54) писал:

1) нижняя панель была в самом низу где указаны способы оплаты и и панель с кнопками главная и т.д.
2) блок  который в центре уменьшился в размере по вертикали.
верхняя панель как стояла так и стоит.
использую браузер опера.

Положение нижней панели зависит от заполненности сайта. Например на страницах, которые заполнены, панель внизу: http://iceberg63.sto...catalog/Bytovye
Второе по аналогии, т.к. информации в контент-зоне нет на главной странице, она небольшого размера.

#9 Lelik

Lelik

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

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

Отправлено 07 Май 2014 - 19:44

Нарисовалась еще одна проблема. при просмотре каталога товаров фоновая картинка при окончании заново повторяется. Что делать? http://clip2net.com/s/i5s9Gi

#10 Ирина345

Ирина345

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

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

Отправлено 07 Май 2014 - 20:03

Просмотр сообщенияLelik (07 Май 2014 - 19:44) писал:

Нарисовалась еще одна проблема. при просмотре каталога товаров фоновая картинка при окончании заново повторяется. Что делать? http://clip2net.com/s/i5s9Gi
Попробуйте строчку
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%;}
заменить
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:cover;}

#11 MikDark

MikDark

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

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

Отправлено 07 Май 2014 - 20:08

Просмотр сообщенияLelik (07 Май 2014 - 19:44) писал:

Нарисовалась еще одна проблема. при просмотре каталога товаров фоновая картинка при окончании заново повторяется. Что делать? http://clip2net.com/s/i5s9Gi

Вы произведите изменения, который указаны здесь http://forum.storela...та/#entry137236

Далее если хотите картинку просто растянуть по вертикали (не самый лучший вариант), то
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%;}

поменяйте на:
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100% 100%;}

если хотите чтобы она там обрывалась и далее шел белый цвет фоновый, то поменяйте на:
body { background:url({ASSETS_IMAGES_PATH}038d60e36599.jpg) center top; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000; background-size:100%; background-repeat:no-repeat;}

#12 Lelik

Lelik

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

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

Отправлено 08 Май 2014 - 11:08

Здравствуйте. нужна ваша помощь. как поставить блок (№ 1) вниз с наименованием "Услуги" (2) http://clip2net.com/s/i5BkAK

#13 Dars

Dars

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

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

Отправлено 08 Май 2014 - 14:20

Просмотр сообщенияLelik (08 Май 2014 - 11:08) писал:

Здравствуйте. нужна ваша помощь. как поставить блок (№ 1) вниз с наименованием "Услуги" (2) http://clip2net.com/s/i5BkAK
Вы хотите просто сдвинуть корзину ниже и назвать её "Услуги", верно?
Тогда в шаблоне HTML найдите строки
<!-- Корзина -->
	<div class="block">
и замените на:
<!-- Корзина -->
	<div class="block" style="margin-top:100px;">
Значение 100 можете поменять на приемлемое для вас.
Затем найдите строку:
		<a href="{CART_URL}" title="Корзина">Корзина</a>
и замените её на:
		<a href="{CART_URL}" title="Корзина">Услуги</a>

#14 Lelik

Lelik

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

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

Отправлено 12 Май 2014 - 11:52

Добрый день. Скажите можно ли сделать так чтобы фоновая картинка при прокрутке каталога как бы тоже перемещалась вниз? а то в начале идет фоновая картинка а потом просто белый фон, как то не очень смотрится, http://clip2net.com/s/i6wWbE Помогите пожалуйста, заранее благодарна.

#15 MikDark

MikDark

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

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

Отправлено 12 Май 2014 - 13:15

Просмотр сообщенияLelik (12 Май 2014 - 11:52) писал:

Добрый день. Скажите можно ли сделать так чтобы фоновая картинка при прокрутке каталога как бы тоже перемещалась вниз? а то в начале идет фоновая картинка а потом просто белый фон, как то не очень смотрится, http://clip2net.com/s/i6wWbE Помогите пожалуйста, заранее благодарна.

В main.css удалите код:
#backtop { background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

Далее найдите:
body{ background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

и замените на:
body {
background-image: url(ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}

#16 Lelik

Lelik

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

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

Отправлено 12 Май 2014 - 13:54

Просмотр сообщенияMikDark (12 Май 2014 - 13:15) писал:

В main.css удалите код:
#backtop { background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

Далее найдите:
body{ background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

и замените на:
body {
background-image: url(ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}
картинка перестала отображаться фон стал белым[quote name='MikDark' timestamp='1399889750' post='137932']
В main.css удалите код:
[CODE]
#backtop { background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

Далее найдите:
body{ background:url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg)no-repeat; }

и замените на:
body {
background-image: url(ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}
Фоновая картинка не отображается фон стал белым

#17 MikDark

MikDark

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

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

Отправлено 12 Май 2014 - 14:02

Поменяйте:
body {
background-image: url(ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}

на

body {
background-image: url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}

#18 Lelik

Lelik

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

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

Отправлено 12 Май 2014 - 14:09

Просмотр сообщенияMikDark (12 Май 2014 - 14:02) писал:

Поменяйте:
body {
background-image: url(ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}

на

body {
background-image: url({ASSETS_IMAGES_PATH}look.com.ua_15795.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
}
Спасибо все получилось)))

#19 Lelik

Lelik

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

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

Отправлено 12 Май 2014 - 14:44

У меня к Вам еще один вопрос я сделала блок "Мы в социальных сетях" но у меня в этом блоке иконки не показываются изменение делала руководствуясь вот этой ссылкой http://forum.storela...8009-beloveall/ подскажите может я что то не то сделала.  http://clip2net.com/s/i6ABSl

#20 MikDark

MikDark

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

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

Отправлено 12 Май 2014 - 14:48

Просмотр сообщенияLelik (12 Май 2014 - 14:44) писал:

У меня к Вам еще один вопрос я сделала блок "Мы в социальных сетях" но у меня в этом блоке иконки не показываются изменение делала руководствуясь вот этой ссылкой http://forum.storela...8009-beloveall/ подскажите может я что то не то сделала.  http://clip2net.com/s/i6ABSl

У Вас стоит код:
<a href=http://vk.com/club71338645?act=edit><img src=vkontakte.png alt="" /></a>
<a href="ссылка на группу"><img src=odnoklassniki.png alt="" /></a>

изображения vkontakte.png и odnoklassniki.png Вам нужно для начала найти и загрузить через раздел Сайт - Редактор шаблонов. Далее уже вместо их имен вставить ссылки на эти картинки.
Так же стоит заменить "ссылка на группу" на нужное.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Изменение общей стилистики
  6. Privacy Policy