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


Баннер

размещение

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

#1 Жан

Жан

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

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

Отправлено 28 Март 2016 - 23:41

Здравствуйте ...))))) Помогите разместить баннер на сайте!
Место расположения указанно в скриншоте....))))  Может ли баннер быть динамичным то есть один сменяет другой и так далее !!!
За ранее благодарен!
С уважением ЖАН.
Мой  Аккаунт SL-234822 :rolleyes:

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

  • банер для сайта.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 29 Март 2016 - 01:10

Воспользуйтесь следующей инструкцией по установке слайдера:
http://storeland.ru/...t/faq#block4;51

#3 Жан

Жан

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

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

Отправлено 29 Март 2016 - 02:58

Все сделал по инструкции, но у меня съехала в центральной колонке информация вниз с большими полями белого пустого места, а баннер почти на верху но меняеться странно и в левой верхней части дублируется скрин прилагаю!!!   SOS!

Аккаунт SL-234822

http://line-classic36.ru

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

  • Безымянный.jpg


#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 29 Март 2016 - 03:38

В шаблоне HTML найдите:
<!-- Загрузка Jquery галереи Nyvo Slider --> <br /> <br />
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

замените на:
<!-- Загрузка Jquery галереи Nyvo Slider -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" />


#5 Жан

Жан

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

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

Отправлено 29 Март 2016 - 03:47

((((((  C П А С И Б О )))))))   Все получилось Ура!!!!

Вы супер Админ в четыре утра помощь я восторге от удовольствия ))))

А можно расстояние между точками и баннером уменьшить чтобы пустоты не было?

#6 Жан

Жан

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

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

Отправлено 29 Март 2016 - 03:59

Да тут еще возник вопрос? Картинок 4, а точек 5 и меняется банеров пять , вопрос как изменить первый банер если в списке slide1,2,3,4  Спасибо))))

Vaccina Можно не тратить время зря дотукал сам как сделать огромное спасибо за помощь замечательные админы


Цветочки вам !!!
Vaccina

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

  • krasivye_cvety_bukety_foto_24.jpg


#7 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 29 Март 2016 - 04:28

Просмотр сообщенияЖан (29 Март 2016 - 03:47) писал:

((((((  C П А С И Б О )))))))   Все получилось Ура!!!!

Вы супер Админ в четыре утра помощь я восторге от удовольствия ))))

А можно расстояние между точками и баннером уменьшить чтобы пустоты не было?

В nyvo.css найдите:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

замените на:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Просмотр сообщенияЖан (29 Март 2016 - 03:59) писал:

Да тут еще возник вопрос? Картинок 4, а точек 5 и меняется банеров пять , вопрос как изменить первый банер если в списке slide1,2,3,4  Спасибо))))

Уточните пожалуйста, актуален ли ваш вопрос, так как на данный момент число точек по количеству совпадает с количеством баннеров\картинок.

#8 Жан

Жан

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

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

Отправлено 29 Март 2016 - 04:42

Просмотр сообщенияVaccina (29 Март 2016 - 04:28) писал:

В nyvo.css найдите:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

замените на:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}



Уточните пожалуйста, актуален ли ваш вопрос, так как на данный момент число точек по количеству совпадает с количеством баннеров\картинок.



Я ни как не могу это найти ))))
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
        margin-bottom:50px;
        -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
        -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
        box-shadow: 0px 1px 5px 0px #4a4a4a;
}

#9 Жан

Жан

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

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

Отправлено 29 Март 2016 - 04:50

((((( ВСЁ НАШЁЛ ВСЕ  СДЕЛАЛ ))))))))

Пока вопросов нет (((((С П А С И Б О ))))))

#10 Жан

Жан

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

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

Отправлено 29 Март 2016 - 23:00

Здравствуйте! Как разместить статичные баннеры по обеим сторонам страницы? Они должны оставаться на месте при прокрутке странницы )))) Спасибо!

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

  • статичный банер.jpg


#11 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 30 Март 2016 - 03:48

В шаблоне HTML найдите:
<div id="topobj"></div>
	<div id="cntrobj">

после него вставьте:
<div class="left_banner"><a href="ссылка куда переходим при клике"><img src="ссылка на картинку" alt="" /></a></div>
<div class="right_banner"><a href="ссылка куда переходим при клике"><img src="ссылка на картинку" alt="" /></a></div>

в нем измените текст на ссылки, далее в шаблоне main.css найдите:
/*Разные id && class*/
.clear { clear:both; width:100%; }
.valignMiddle {vertical-align:middle;}
#bottobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) 0 -11px no-repeat; width:1000px; height:11px; margin:0 auto; }
#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }
#content .hr { background:url({ASSETS_IMAGES_PATH}hr-content-bg.png) repeat-x; width:100%; height:31px; clear:both; margin:0 0 -10px 0;}
#content .padd { padding-left:10px; padding-right:10px; }
#content .seo { margin:15px 0; }
#content .color { color:#1c5d76; }
замените на:
/*Разные id && class*/
.clear { clear:both; width:100%; }
.valignMiddle {vertical-align:middle;}
#bottobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) 0 -11px no-repeat; width:1000px; height:11px; margin:0 auto; }
#cntrobj {position:relative; background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }
#content .hr { background:url({ASSETS_IMAGES_PATH}hr-content-bg.png) repeat-x; width:100%; height:31px; clear:both; margin:0 0 -10px 0;}
#content .padd { padding-left:10px; padding-right:10px; }
#content .seo { margin:15px 0; }
#content .color { color:#1c5d76; }
.left_banner{
position:absolute;
left:-250px;
top:0;
}
.right_banner{
position:absolute;
right:-250px;
top:0;
}


#12 Жан

Жан

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

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

Отправлено 30 Март 2016 - 09:39

Спасибо, все как всегда безукоризненно и с первой попытки ))))) Брависсимо !!! :rolleyes:

#13 Жан

Жан

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

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

Отправлено 30 Март 2016 - 13:52

Посмотрите скрин!  Вот такой вариант возможен? Возможности баннера как в прошлый раз, а вот внешний вид и расположение ка в скриншоте )))) Спасибо ...))))

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

  • Новый банер.jpg


#14 Жан

Жан

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

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

Отправлено 30 Март 2016 - 13:58

Увеличил скриншот ))))

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

  • Скрин увеличен.jpg


#15 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 30 Март 2016 - 14:06

Просмотр сообщенияЖан (30 Март 2016 - 13:52) писал:

Посмотрите скрин!  Вот такой вариант возможен? Возможности баннера как в прошлый раз, а вот внешний вид и расположение ка в скриншоте )))) Спасибо ...))))


Здравствуйте, в шаблоне HTML найдите код :

	<!-- END Каталог сайта -->


под этим кодом добавьте код:

		<div class="block">
	  <div class="blocktitle bluelarge"><a href="#">Скидка</a></div>
	  <div class="banner">
		  <a href=" ссылка на страницу"><img src="ссылка на изображение" alt="" title="" /></a>
	  </div>
	  <div class="blockbottom"></div>
	</div>
"ссылка на страницу" замените на соответствующую ссылку, а " ссылка на изображение" замените на ссылку на изображение акции.


в конце main.css добавьте код:

.banner a img {
	width: 100%;
}


#16 Жан

Жан

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

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

Отправлено 30 Март 2016 - 17:21

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

#17 Жан

Жан

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

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

Отправлено 30 Март 2016 - 17:35

Спасибо Юлия !!!

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

Так было бы очень удобно не надо много баннеров вывешивать ))))  Своеобразный такой призмотрон !!!  :rolleyes:

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

  • images.jpg


#18 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 30 Март 2016 - 17:42

Вы имеете ввиду можно ли сделать эти баннеры не друг за другом, а как у Вас слайдер, менялись?

#19 Жан

Жан

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

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

Отправлено 30 Март 2016 - 18:52

Да  )))))  Извините не правильно сформулировал )))

#20 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 31 Март 2016 - 01:59

В этом случае необходимо в блоке:
<div class="banner">
				  <a href=" ссылка на страницу"><img src="ссылка на изображение" alt="" title="" /></a>
		  </div>

вместо:
<a href=" ссылка на страницу"><img src="ссылка на изображение" alt="" title="" /></a>

вставить код слайдера.





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

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