0
Как Добавить Изображение На Главную Перед Товарами
Автор skipperok13, 06 нояб. 2013 12:07
Сообщений в теме: 8
#1
Отправлено 06 Ноябрь 2013 - 12:07
Добрый день!
1 Подскажите! Как можно добавить изображение на главной после слайдера и кнопок меню и перед "товарами на главной"
Какой ширины оно должно быть?
2 Так же, надо сделать так чтобы блок с "товарами на главной" под изображением автоматически ровнялся по высоте (чтобы в будущем я мог вставлять различные изображения с акциями и тд, одинаковой ширины и разной высоты)
3. Есть ли возможность добавить активные ссылки на изображение? Или кнопки?
Заранее благодарен!
1 Подскажите! Как можно добавить изображение на главной после слайдера и кнопок меню и перед "товарами на главной"
Какой ширины оно должно быть?
2 Так же, надо сделать так чтобы блок с "товарами на главной" под изображением автоматически ровнялся по высоте (чтобы в будущем я мог вставлять различные изображения с акциями и тд, одинаковой ширины и разной высоты)
3. Есть ли возможность добавить активные ссылки на изображение? Или кнопки?
Заранее благодарен!
#2
Отправлено 06 Ноябрь 2013 - 13:21
В файле html после кода:
В конец файла "main.css".
Добавить код:
<!-- Запуск слайдера --> <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%; }
#3
Отправлено 06 Ноябрь 2013 - 15:03
Koderhan (06 Ноябрь 2013 - 13:21) писал:
В файле html после кода:
В конец файла "main.css".
Добавить код:
<!-- Запуск слайдера --> <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%; }
Теперь надо выровнять картинку по ширине, а так же сделать так чтобы она отображалась только на главной.
Заранее спасибо!
#4
Отправлено 06 Ноябрь 2013 - 16:40
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 %}
#5
Отправлено 06 Ноябрь 2013 - 17:56
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 %}
Картинка осталась только на главной! То что нужно! Спасибо
Теперь осталось отрявнять ее по ширине. Или это зависит от размера картинки?
#6
Отправлено 06 Ноябрь 2013 - 18:47
Лучше всего картинку сжать в объеме и изменить размеры за одно.
#7
Отправлено 15 Ноябрь 2013 - 15:17
Koderhan (06 Ноябрь 2013 - 18:47) писал:
Лучше всего картинку сжать в объеме и изменить размеры за одно.
Спасибо! Скажите, как сделать отступ от картинки "Интернет магазин подарков и блаблабла" перед кнопками меню такой же как и у картини ниже? Заранее спасибо! САЙТ
#8
Отправлено 15 Ноябрь 2013 - 16:56
skipperok13 (15 Ноябрь 2013 - 15:17) писал:
Спасибо! Скажите, как сделать отступ от картинки "Интернет магазин подарков и блаблабла" перед кнопками меню такой же как и у картини ниже? Заранее спасибо! САЙТ
.home-img-block { display: block; width: 100%; }на
.home-img-block { display: block; width: 100%; padding-bottom: 7px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных