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


Картинки-Ссылки В Шапке

Автор eliant, 17 июня 2012 19:54

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

#1 eliant

eliant

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

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

Отправлено 17 Июнь 2012 - 19:54

Помогите, пожалуйста. По форуму искала, но или не нашла или не получилось применить.

1) В IE неправильно отображается бегущая строка
2.png
Нужно вот так
1.png
2) как добавить две ссылки-картинки в шапку?
3.png
3)как увеличить время смены картинок в слайдере?
4)Можно ли под слайдером разместить еще 2 слайдера, так как на картинке?
6.jpg
5) как убрать индикатор на слайдере?

#2 Vaccina

Vaccina

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

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

Отправлено 18 Июнь 2012 - 20:43

Цитата

1) В IE неправильно отображается бегущая строка

Измените класс

#header #title {
	bottom: 64px;
	margin: 0;
	position: absolute;
	right: 200px;
	width: 400px;
}

в файле стилей. Вам необходимо bottom заменить на top и задать необходимый размер.

Цитата

2) как добавить две ссылки-картинки в шапку?

Вам необходимо создать блоки div после строки 

<div id="header">

в шаблоне "HTML" и далее задать стиль. Почитайте сообщение http://forum.storela...dpost__p__20607

Цитата

3)как увеличить время смены картинок в слайдере?
5) как убрать индикатор на слайдере?

Вам необходимо изменить настройки данного слайдера. Все доступные опции описаны тут http://nivo.dev7stud...y-plugin-usage/

Цитата

4)Можно ли под слайдером разместить еще 2 слайдера, так как на картинке?

Вам необходимо просто использовать установку http://forum.storela...dpost__p__21606
только уже выполнять действия со вставкой <div id="slider"> изменив slider на slider1 и 

$(window).load(function() {
   $('#slider').nivoSlider();
});

изменив на 

$(window).load(function() {
   $('#slider1').nivoSlider();
});

#3 eliant

eliant

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

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

Отправлено 19 Июнь 2012 - 19:27

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

Просмотр сообщенияVaccina (18 Июнь 2012 - 20:43) писал:


Вам необходимо изменить настройки данного слайдера. Все доступные опции описаны тут http://nivo.dev7stud...y-plugin-usage/


пробовала и так и  этак  :blink:,  не получается

Я так поняла, что нужно между этим

Цитата

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
и этим

Цитата

});
});
</script>
вставить

Цитата

animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show

:mellow:  слайдер не реагирует.

Цитата

Вам необходимо просто использовать установку http://forum.storela...dpost__p__21606
только уже выполнять действия со вставкой <div id="slider"> изменив slider на slider1 и

$(window).load(function() {
   $('#slider').nivoSlider();
});


изменив на

$(window).load(function() {
   $('#slider1').nivoSlider();
});

Не получается...

#4 Vaccina

Vaccina

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

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

Отправлено 19 Июнь 2012 - 22:43

У вас код слайдера выглядит так 
<div id="slider">
				 <a href="http://все-для-бижу.рф/goods/Набор-перьев-13-15-шт?from=NDU5"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/143/142770/11.jpg
" alt="" /></a>
				  <a href="http://все-для-бижу.рф/news/Ювелирный-клей-Е6000"><img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141285/2.jpg" alt="" /></a>			 
<a href="http://все-для-бижу.рф/page/Скидки-и-акции"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/142/141286/3.jpg" alt="" /></a>
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141287/4.jpg" alt="" />
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141288/5.jpg" alt="" />
				</div>
		
			  
			  <script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider();
   
	
				});
			  </script>

Из документации по слайдеру (для изменения скорости необходимо установить опцию). Если брать опции которые вы приводите - то должно быть так 

<div id="slider">
				 <a href="http://все-для-бижу.рф/goods/Набор-перьев-13-15-шт?from=NDU5"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/143/142770/11.jpg
" alt="" /></a>
				  <a href="http://все-для-бижу.рф/news/Ювелирный-клей-Е6000"><img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141285/2.jpg" alt="" /></a>			 
<a href="http://все-для-бижу.рф/page/Скидки-и-акции"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/142/141286/3.jpg" alt="" /></a>
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141287/4.jpg" alt="" />
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141288/5.jpg" alt="" />
				</div>
		
			  
			  <script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider({animSpeed: 500, pauseTime: 3000});
				});
			  </script>

А для вставки 2х или более слайдеров - необходимо создать дубль и изменить идентификатор элемента. 

<div id="slider">
				 <a href="http://все-для-бижу.рф/goods/Набор-перьев-13-15-шт?from=NDU5"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/143/142770/11.jpg
" alt="" /></a>
				  <a href="http://все-для-бижу.рф/news/Ювелирный-клей-Е6000"><img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141285/2.jpg" alt="" /></a>			 
<a href="http://все-для-бижу.рф/page/Скидки-и-акции"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/142/141286/3.jpg" alt="" /></a>
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141287/4.jpg" alt="" />
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141288/5.jpg" alt="" />
				</div>
		
			  
			  <script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider({animSpeed: 500, pauseTime: 3000});
				});
			  </script>

<div id="slider2">
				 <a href="http://все-для-бижу.рф/goods/Набор-перьев-13-15-шт?from=NDU5"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/143/142770/11.jpg
" alt="" /></a>
				  <a href="http://все-для-бижу.рф/news/Ювелирный-клей-Е6000"><img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141285/2.jpg" alt="" /></a>			 
<a href="http://все-для-бижу.рф/page/Скидки-и-акции"><img src="
http://files.storeland.ru/web/upload/sitefiles/2/142/141286/3.jpg" alt="" /></a>
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141287/4.jpg" alt="" />
				  <img src="http://files.storeland.ru/web/upload/sitefiles/2/142/141288/5.jpg" alt="" />
				</div>
		
			  
			  <script type="text/javascript">
				$(window).load(function() {
					$('#slider2').nivoSlider({animSpeed: 500, pauseTime: 3000});
				});
			  </script>

#5 eliant

eliant

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

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

Отправлено 20 Июнь 2012 - 12:00

Спасибище! :)

#6 ac-dream

ac-dream

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

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

Отправлено 28 Декабрь 2013 - 23:03

Что-то не получилось по инструкциям на сайте. Вроде задача простая, но как не крутила, не получилось.
Помогите! Для шаблона "Мокко" в шапку добавить картинку-ссылку "braslet.jpg" 150*114px на страницу новости http://xn----7sbatc0...iya-dlya-modnic
Таким образом, как в СКРИНЕ

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

  • СКРИН17.jpg

#7 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 29 Декабрь 2013 - 07:14

Просмотр сообщенияac-dream (28 Декабрь 2013 - 23:03) писал:

Что-то не получилось по инструкциям на сайте. Вроде задача простая, но как не крутила, не получилось.
Помогите! Для шаблона "Мокко" в шапку добавить картинку-ссылку "braslet.jpg" 150*114px на страницу новости http://xn----7sbatc0...iya-dlya-modnic
Таким образом, как в СКРИНЕ
найдите данный блок кода в шаблоне HTML
<!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <br> <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span class="red">0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span>
	 </div>
	 <!-- end Корзина -->

</div>
</div>
замените его на данный блок, предварительно вставив ссылку в параметр href в тэге <a>:
<!-- Корзина -->
	 <div id="cartInfo">
	 <a href="{CART_URL}">в корзине товаров на</a>:
	 <br> <span id="cartSum">
		 {% IF cart_count_empty %}
		 <span class="red">0</span> {CURRENCY_NAME}
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
		 {% ENDFOR %}
		 {% ENDIF %}
	 </span>
	 </div>
	 <!-- end Корзина -->

</div>
<div id="brasletvpodarok">
<a href="путь к странице , на которую вы хотите перекидывать">
	 <img src="{ASSETS_IMAGES_PATH}braslet.jpg">
</a>
</div>


далее в шаблон main.css добавьте данный блок кода:
#brasletvpodarok {position:absolute; top:1px; left:1px;}

изменяя значения тэгов top и left выставьте картинку где вам удобно.

#8 ac-dream

ac-dream

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

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

Отправлено 29 Декабрь 2013 - 11:51

Спасибо! Всё хорошо, сделала. В браузерах Google Chrome, Опера, Эксплорер отображается корректно, но вот в Маззиле - смещается, накладывается на номер телефона.
В планшетнике Asus в родном браузере вообще картинки нет. Кэш везде чистила. Как исправить?

#9 miyako

miyako

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

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

Отправлено 29 Декабрь 2013 - 12:02

Просмотр сообщенияac-dream (29 Декабрь 2013 - 11:51) писал:

Спасибо! Всё хорошо, сделала. В браузерах Google Chrome, Опера, Эксплорер отображается корректно, но вот в Маззиле - смещается, накладывается на номер телефона.
В планшетнике Asus в родном браузере вообще картинки нет. Кэш везде чистила. Как исправить?

Найдите в шаблоне HTML - 
<div id="brasletvpodarok">
<a href="http://{NET_DOMAIN}/news/Novogodnyaya-akciya-dlya-modnic">
		 <img src="{ASSETS_IMAGES_PATH}braslet.jpg">
</a>
</div>
и удалите.

Затем найдите код  - 
<h2 id="title"></h2>
		
   <div id="mainNav">
и перед ним добавьте - 
<div id="brasletvpodarok" style="position: absolute; top: 44px; right: 216px;">
<a href="http://{NET_DOMAIN}/news/Novogodnyaya-akciya-dlya-modnic">
		 <img src="{ASSETS_IMAGES_PATH}braslet.jpg">
</a>
</div>

#10 ac-dream

ac-dream

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

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

Отправлено 29 Декабрь 2013 - 14:24

Просмотр сообщенияmiyako (29 Декабрь 2013 - 12:02) писал:

Найдите в шаблоне HTML -
<div id="brasletvpodarok">
<a href="http://{NET_DOMAIN}/news/Novogodnyaya-akciya-dlya-modnic">
		 <img src="{ASSETS_IMAGES_PATH}braslet.jpg">
</a>
</div>
и удалите.

Затем найдите код  -
<h2 id="title"></h2>
		
<div id="mainNav">
и перед ним добавьте -
<div id="brasletvpodarok" style="position: absolute; top: 44px; right: 216px;">
<a href="http://{NET_DOMAIN}/news/Novogodnyaya-akciya-dlya-modnic">
		 <img src="{ASSETS_IMAGES_PATH}braslet.jpg">
</a>
</div>
Теперь красота! :)
Только ещё в main.css #brasletvpodarok {position:absolute... убрала.
Спасибо огромное!
Обратно в Другое


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

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

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