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


Помогите Вставить Картинку

Автор Imlies, 12 окт. 2012 18:26

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

#1 Imlies

Imlies

    Продвинутый пользователь

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

Отправлено 12 Октябрь 2012 - 18:26

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

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

  • Maket1.jpg

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Октябрь 2012 - 22:25

Замените ваш код слайдера 

<div class="theme-default" style="padding:1em;display:none;">
	
	<div id="slider">
				  <a href="http://supergm.ru/goods/Need-for-Speed-Most-Wanted-PS3-%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F?from=NDc0"><img src="/web/upload/assets/images/139/138111/2.jpg" />
				  <a href="http://supergm.ru/goods/Dark-Souls-Prepare-to-Die-Edition?from=NDc0"><img src="/web/upload/assets/images/139/138111/1.jpg" /> </a>
				  <a href="http://supergm.ru/goods/Forza-Horizon?from=MTY1"><img src="/web/upload/assets/images/139/138111/3.jpg" /> </a>
				</div>
				
				<script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider({animSpeed: 500, pauseTime: 20000, controlNav: false});
				});
			  </script>
				
			  </div>

  <script type="text/javascript">
	$(window).load(function() {
			   $('#slider').nivoSlider({controlNav: false}).parent().show();
	});
  </script>

на 

<div class="theme-default" style="padding:1em;display:none;">
	
	<div id="slider" style="float:left;">
				  <a href="http://supergm.ru/goods/Need-for-Speed-Most-Wanted-PS3-%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F?from=NDc0"><img src="/web/upload/assets/images/139/138111/2.jpg" />
				  <a href="http://supergm.ru/goods/Dark-Souls-Prepare-to-Die-Edition?from=NDc0"><img src="/web/upload/assets/images/139/138111/1.jpg" /> </a>
				  <a href="http://supergm.ru/goods/Forza-Horizon?from=MTY1"><img src="/web/upload/assets/images/139/138111/3.jpg" /> </a>
				</div>
<div class="slider-img">
  <img src="" />
</div>
				
				<script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider({animSpeed: 500, pauseTime: 20000, controlNav: false});
				});
			  </script>
				
			  </div>

  <script type="text/javascript">
	$(window).load(function() {
			   $('#slider').nivoSlider({controlNav: false}).parent().show();
	});
  </script>

После измените путь к изображению в <img src="" />

#3 Imlies

Imlies

    Продвинутый пользователь

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

Отправлено 13 Октябрь 2012 - 07:53

Спасибо, все получилось!)

#4 Imlies

Imlies

    Продвинутый пользователь

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

Отправлено 13 Октябрь 2012 - 18:18

Извиняюсь, но появился еще вопрос. Картинка теперь вполотную к слайдеру. А как сделать, чтобы отступ от слайдера небольшой был?

#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Октябрь 2012 - 08:10

На данный момент баннер стоит не вплотную со слайдером, предполагаю, что вопрос уже неактуален.

#6 Imlies

Imlies

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2012 - 20:05

Да, за выходные нашел, как сделать)

#7 ais-83

ais-83

    Продвинутый пользователь

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

Отправлено 12 Март 2013 - 20:23

Просмотр сообщенияVaccina (12 Октябрь 2012 - 22:25) писал:

Замените ваш код слайдера

<div class="theme-default" style="padding:1em;display:none;">

<div id="slider">
<a href="http://supergm.ru/goods/Need-for-Speed-Most-Wanted-PS3-%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F?from=NDc0"><img src="/web/upload/assets/images/139/138111/2.jpg" />
<a href="http://supergm.ru/goods/Dark-Souls-Prepare-to-Die-Edition?from=NDc0"><img src="/web/upload/assets/images/139/138111/1.jpg" /> </a>
<a href="http://supergm.ru/goods/Forza-Horizon?from=MTY1"><img src="/web/upload/assets/images/139/138111/3.jpg" /> </a>
</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({animSpeed: 500, pauseTime: 20000, controlNav: false});
});
</script>

</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({controlNav: false}).parent().show();
});
</script>

на

<div class="theme-default" style="padding:1em;display:none;">

<div id="slider" style="float:left;">
<a href="http://supergm.ru/goods/Need-for-Speed-Most-Wanted-PS3-%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F?from=NDc0"><img src="/web/upload/assets/images/139/138111/2.jpg" />
<a href="http://supergm.ru/goods/Dark-Souls-Prepare-to-Die-Edition?from=NDc0"><img src="/web/upload/assets/images/139/138111/1.jpg" /> </a>
<a href="http://supergm.ru/goods/Forza-Horizon?from=MTY1"><img src="/web/upload/assets/images/139/138111/3.jpg" /> </a>
</div>
<div class="slider-img">
<img src="" />
</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({animSpeed: 500, pauseTime: 20000, controlNav: false});
});
</script>

</div>

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({controlNav: false}).parent().show();
});
</script>

После измените путь к изображению в <img src="" />

Сделала также - получилось. Но как сделать, чтоб картинка справа от слайдера была на одном уровне со слайдером, сейчас она ниже. Аккаунт - 185708. спасибо.

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Март 2013 - 02:08

Найдите в вашем шаблоне "Страница" (возможно "HTML")

<p style="padding-left: 450px;">

и замените на

<p style="padding-left: 450px;">

далее добавьте в файл стилей main.css

.theme-default {
  float: left;
}

#9 ais-83

ais-83

    Продвинутый пользователь

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

Отправлено 13 Март 2013 - 10:04

Просмотр сообщенияVaccina (13 Март 2013 - 02:08) писал:

Найдите в вашем шаблоне "Страница" (возможно "HTML")

<p style="padding-left: 450px;">

и замените на

<p style="padding-left: 450px;">

далее добавьте в файл стилей main.css

.theme-default {
float: left;
}

верхней строчки нигде не нашла, добавила нижнюю в css, картинка поднялась, спасибо

#10 bot

bot

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2014 - 16:28

здравствуйте! скажите пожалуйста, как мне осуществить такое?

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

  • Screenshot_1.png

#11 Alekseys

Alekseys

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

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

Отправлено 21 Октябрь 2014 - 16:38

Просмотр сообщенияYasin (21 Октябрь 2014 - 16:28) писал:

здравствуйте! скажите пожалуйста, как мне осуществить такое?
Здравствуйте. Уточните пожалуйста номер аккаунта, на котором желаете произвести данные изменения.

#12 bot

bot

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2014 - 16:43

Просмотр сообщенияAlekseys (21 Октябрь 2014 - 16:38) писал:

Здравствуйте. Уточните пожалуйста номер аккаунта, на котором желаете произвести данные изменения.
Аккаунт SL-311355

#13 AnnaM

AnnaM

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

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

Отправлено 21 Октябрь 2014 - 16:56

Просмотр сообщенияYasin (21 Октябрь 2014 - 16:43) писал:

Аккаунт SL-311355
Для этого в nyvo.css замените 
.nivoSlider {
  position:relative;
width:100%;
height:auto;
overflow: hidden;
}
на 
.nivoSlider {
  position:relative;
width:70%;
height:auto;
overflow: hidden;
}
затем после 
<div class="theme-default" style="padding: 1em; display: none;">
вставьте 
<div class="ban123"><a href="ССЫЛКА НА СТРАНИЦУ"><img src="ССЫЛКА НА БАННЕР"></a></div>

и в конец main.css добавьте 
.ban123 {
float: right;
}

#14 bot

bot

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2014 - 18:50

Просмотр сообщенияAnnaM (21 Октябрь 2014 - 16:56) писал:

Для этого в nyvo.css замените 
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
на 
.nivoSlider {
position:relative;
width:70%;
height:auto;
overflow: hidden;
}
затем после 
<div class="theme-default" style="padding: 1em; display: none;">
вставьте 
<div class="ban123"><a href="ССЫЛКА НА СТРАНИЦУ"><img src="ССЫЛКА НА БАННЕР"></a></div>

и в конец main.css добавьте 
.ban123 {
float: right;
}
спасибо

#15 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 26 Октябрь 2014 - 18:14

Здравствуйте!
Помогите пожалуйста реализовать задуманное.

Изображение

#16 Danil

Danil

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

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

Отправлено 26 Октябрь 2014 - 19:30

Просмотр сообщенияfrolstep (26 Октябрь 2014 - 18:14) писал:

Здравствуйте!
Помогите пожалуйста реализовать задуманное.

Изображение
В шаблоне html после строки
  <div id="mainindex">
вставьте код 
<div class="blockban">
<img class="levban" src="{ASSETS_IMAGES_PATH}Название левой картинки">
<img class="pravban" src="{ASSETS_IMAGES_PATH}Название правой картинки">
<img class="pravban" src="{ASSETS_IMAGES_PATH}Название правой картинки">
<img class="pravban" src="{ASSETS_IMAGES_PATH}Название правой картинки">
</div>
После в конец main.css вставьте код
 .levban {
width:470px;
height:260px;
float:left;
}
.pravban {
float:right;
width:265px;
height:85px;
}

#17 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 26 Октябрь 2014 - 23:23

Спасибо!
Обратно в Главная


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

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

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