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

[skipperok13]

Добрый день!

1 Подскажите! Как можно добавить изображение на главной после слайдера и кнопок меню и перед "товарами на главной"
Какой ширины оно должно быть?

2 Так же, надо сделать так чтобы блок с "товарами на главной" под изображением автоматически ровнялся по высоте  (чтобы в будущем я мог вставлять различные изображения с акциями и тд, одинаковой ширины и разной высоты)

3. Есть ли возможность добавить активные ссылки на изображение? Или кнопки?

Заранее благодарен!

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

• 

[Koderhan]

В файле html после кода:

<!-- Запуск слайдера -->
  <script type="text/javascript">
		$(window).load(function() {
		   $('#slider').nivoSlider({effect: 'random'}).parent().show();
		});
  </script>

Добавить:

<div class="home-img-block">
	<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки"/></a>
  </div>

В конец файла "main.css".
Добавить код:

.home-img-block {
display:block;
width:100%;
}

[skipperok13]

Koderhan (06 Ноябрь 2013 - 13:21) писал:

В файле html после кода:

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
		 $('#slider').nivoSlider({effect: 'random'}).parent().show();
	 });
</script>

Добавить:

<div class="home-img-block">
<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки"/></a>
</div>

В конец файла "main.css".
Добавить код:

.home-img-block {
display:block;
width:100%;
}

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

[ne_yana]

skipperok13 (06 Ноябрь 2013 - 15:03) писал:

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

Здравствуйте, нужно заменить

<div class="home-img-block">
<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки"/></a>
</div>

на

{% IF index_page %}
<div class="home-img-block">
<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки" style="width: 718px;"/></a>
</div>
	 {% ENDIF %}

[skipperok13]

ne_yana (06 Ноябрь 2013 - 16:40) писал:

Здравствуйте, нужно заменить

<div class="home-img-block">
<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки"/></a>
</div>

на

{% IF index_page %}
<div class="home-img-block">
<a href="адрес страницы"><img src="адрес изображения" alt="описание картинки" style="width: 718px;"/></a>
</div>
	 {% ENDIF %}

Картинка осталась только на главной! То что нужно! Спасибо

Теперь осталось отрявнять ее по ширине. Или это зависит от размера картинки?

[Koderhan]

Лучше всего картинку сжать в объеме и изменить размеры за одно.

[skipperok13]

Koderhan (06 Ноябрь 2013 - 18:47) писал:

Лучше всего картинку сжать в объеме и изменить размеры за одно.

Спасибо! Скажите, как сделать отступ от картинки "Интернет магазин подарков и блаблабла" перед кнопками меню такой же как и у картини ниже? Заранее спасибо! САЙТ

[ne_yana]

skipperok13 (15 Ноябрь 2013 - 15:17) писал:

Спасибо! Скажите, как сделать отступ от картинки "Интернет магазин подарков и блаблабла" перед кнопками меню такой же как и у картини ниже? Заранее спасибо! САЙТ

Здравствуйте, в файле main.css замените

.home-img-block {
display: block;
width: 100%;
}

на

.home-img-block {
display: block;
width: 100%;
padding-bottom: 7px;
}

[skipperok13]

ne_yana (15 Ноябрь 2013 - 16:56) писал:

Здравствуйте, в файле main.css замените

.home-img-block {
display: block;
width: 100%;
}

на

.home-img-block {
display: block;
width: 100%;
padding-bottom: 7px;
}

Супер! Спасибо!