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

[551]

Добрый день. Хочу разместить картинку на сайте как показано на скриншоте. Она должна быть зафиксирована (при прокрутке на сайте оставаться на месте и при уменьшении окна браузера также оставаться на месте). Подскажите, пожалуйста, как сделать?

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

• 

[support 2.0]

551 (16 Ноябрь 2012 - 16:34) писал:

Добрый день. Хочу разместить картинку на сайте как показано на скриншоте. Она должна быть зафиксирована (при прокрутке на сайте оставаться на месте и при уменьшении окна браузера также оставаться на месте). Подскажите, пожалуйста, как сделать?

Панель управления -> Сайт -> Редактор тем -> файл HTML
перед

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

вставить код

<div style="position: fixed; top: 250px; left: 270px;"><img src="" alt=""/></div>

top: 250px; - отступ сверху, значение 250 меняйте на нужное
left: 270px; - отступ слева, также значение 270 меняйте на нужное
также не забудь указать ссылку на картинку в атрибуте src=""

[551]

support 2.0 (16 Ноябрь 2012 - 17:11) писал:

Панель управления -> Сайт -> Редактор тем -> файл HTML
перед

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

вставить код

<div style="position: fixed; top: 250px; left: 270px;"><img src="" alt=""/></div>

top: 250px; - отступ сверху, значение 250 меняйте на нужное
left: 270px; - отступ слева, также значение 270 меняйте на нужное
также не забудь указать ссылку на картинку в атрибуте src=""

Нет, если сделать так, то:

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

[Koderhan]

Фиксированным сделать банер сделать затруднительно. И думаю пользователя такой банер будет раздражать. Предлагаю такое решение вопроса.
В файле HTML после кода

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

Вставить код:

<div class="leftbaner"><a href="http://google.ru/"<img src="http://babylook.me/web/upload/goods/images/55/5482/5481569/komplekt-dla-devochki-borelli-kurtka-polukombinezon-795f32.jpg" alt=""/></a></div>

В файле Main.csstemplate вставить код в конец файла.

.leftbaner {
  position: absolute;
  left: -130px;
  top: 100px;
  width:100px;
}

@media screen and (max-width: 1240px) {
.leftbaner {
  display:none;
}

}

Теперь если у пользователя будет маленькое разрешение то банер просто будет приближаться к левому краю страницы.

[551]

Koderhan (17 Ноябрь 2012 - 13:56) писал:

Фиксированным сделать банер сделать затруднительно. И думаю пользователя такой банер будет раздражать. Предлагаю такое решение вопроса.
В файле HTML после кода

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

Вставить код:

<div class="leftbaner"><a href="http://google.ru/"<img src="http://babylook.me/web/upload/goods/images/55/5482/5481569/komplekt-dla-devochki-borelli-kurtka-polukombinezon-795f32.jpg" alt=""/></a></div>

В файле Main.csstemplate вставить код в конец файла.

.leftbaner {
  position: absolute;
  left: -130px;
  top: 100px;
  width:100px;
}

@media screen and (max-width: 1240px) {
.leftbaner {
  display:none;
}

}

Теперь если у пользователя будет маленькое разрешение то банер просто будет приближаться к левому краю страницы.

Спасибо! Именно то, что нужно!

[Alex 1987]

хочу разместить "кликабельную" картинку, только справа, можете помочь?

[Cupuyc]

Alex 1987 (25 Март 2015 - 12:02) писал:

хочу разместить "кликабельную" картинку, только справа, можете помочь?

Пожалуйста уточните ваш номер аккаунта

[Alex 1987]

Аккаунт SL-217595

[RayLi]

Alex 1987 (25 Март 2015 - 12:52) писал:

Аккаунт SL-217595

Здравствуйте.
Уточните, пожалуйста, в каком именно месте вашего сайта вы бы хотели разместить кликабельную картинку?
Желательно это указать на скриншоте.

[Alex 1987]

Справа от слайдера

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

• 

[RayLi]

Alex 1987 (26 Март 2015 - 11:24) писал:

Справа от слайдера

Скажите, пожалуйста, вы уже пытались разместить картинку? Но с левой стороны?

[Alex 1987]

да, там я не понял как сделать так, чтобы картинка появилась на том месте

[RayLi]

Alex 1987 (26 Март 2015 - 11:41) писал:

да, там я не понял как сделать так, чтобы картинка появилась на том месте

Сообщите, пожалуйста, имя картинки, которая должна быть у вас загружена в "Редактор шаблонов" и которую вы хотите вставить после слайдера.

[MikDark]

Alex 1987 (26 Март 2015 - 11:41) писал:

да, там я не понял как сделать так, чтобы картинка появилась на том месте

Вам нужно из шаблона HTML удалить код:

<div style="position: fixed; top: 250px; left: 270px;"><href="http://kissandlove.clan.su/shop/bdsm-tematika"><img src="/img/08.jpg" alt=""/></div>

Далее там же найдите код:

<div class="contwrap">
			 <div class="row">
		 <div class="cols col-12">
		 <div class="slider">
<!-- Главная страница -->

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

<div class="contwrap">
<div class="banner"><img src="{ASSETS_IMAGES_PATH}banner.jpg"></div>
			 <div class="row">
		 <div class="cols col-12">
		 <div class="slider">
<!-- Главная страница -->

имя banner.jpg замените на имя Вашей картинки. Предварительно ее нужно загрузить в раздел Сайт - Редактор шаблонов.

Далее в шаблон main.css добавляем код:

.contwrap {position:relative;}
.banner {position:absolute;top:0xp;right:-200px;}

[Alex 1987]

08.jpg - вот эту картинку я хочу вставить справа от слайдера

[MikDark]

Alex 1987 (26 Март 2015 - 12:04) писал:

08.jpg - вот эту картинку я хочу вставить справа от слайдера

Выполните инструкцию из сообщения: http://forum.storela...те/#entry192228

[RayLi]

Alex 1987 (26 Март 2015 - 12:04) писал:

08.jpg - вот эту картинку я хочу вставить справа от слайдера

В шаблоне html найдите код:

  <div class="globalWrap">
<div style="position: fixed; top: 250px; left: 270px;"><href="http://kissandlove.clan.su/shop/bdsm-tematika"><img src="/img/08.jpg" alt=""/></div>

И замените его вот этим кодом:

  <div class="rightimg">
	<div style="position: fixed; top: 250px; left: 1620px;"><a href="http://kissandlove.clan.su/shop/bdsm-tematika"><img src="{ASSETS_IMAGES_PATH}08.jpgg?design=spring" title="" alt=""></a></div>
  </div>

[Alex 1987]

картинка встает над слайдером и она не "кликабельна"

Все, разобрался, спасибо