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


Слайдер На Главной


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

#41 A2109

A2109

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

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

Отправлено 23 Июль 2013 - 20:02

Здравствуйте.  В IE не работают ссылки со слайдов на страницы. В гугль Хром и Мазилле все работает.  Так же почему то на некоторых компьютерах с IE не работают эффекты при смене слайдов.

#42 Сake

Сake

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

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

Отправлено 24 Июль 2013 - 01:20

Используйте любой другой слайдер jquery. Данные проблемы связаны в самой работе слайдера.

#43 A2109

A2109

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

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

Отправлено 24 Июль 2013 - 08:29

Спасибо. Буду пробовать.

#44 bbbaron

bbbaron

    Новичок

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

Отправлено 19 Сентябрь 2013 - 18:35

Попробовал поставить слайдер по FAQ сразу вылезла ошибка и слайдера нет. Пришлось откатить.

#45 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2013 - 00:21

В данном случае мы помочь вам не сможем, так как не понятно какая ошибка у вас была. Вам необходимо еще раз попробовать установить слайдер. Возможно вы не подключили необходимые файлы или допустили синтаксическую ошибку. После установки, если будут ошибки - напишите нам и не убирайте изменения.

#46 bbbaron

bbbaron

    Новичок

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

Отправлено 20 Сентябрь 2013 - 19:15

вот такая ошибка http://domrobotnik.ru/

#47 sengun

sengun

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

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

Отправлено 20 Сентябрь 2013 - 21:14

Просмотр сообщенияbbbaron (20 Сентябрь 2013 - 19:15) писал:

вот такая ошибка http://domrobotnik.ru/
Замените код слайдера, что вы вставляете в шаблон HTML
<!-- Nyvo слайдер который отображается на главной --><br />{% IF index_page %}<br /> <!-- Обёртка, указывающая стиль темы --></p>
<div class="theme-default" style="padding: 1em; display: none;"><!-- Непосредственный код слайдера --><br />
<div id="slider"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /></div>
</div>
<p> </p>
<br /> <!-- Запуск слайдера --><br />
<script type="text/javascript">// <![CDATA[
<br /> $(window).load(function() {<br /> $('#slider').nivoSlider().parent().show();<br /> });<br />
// ]]></script>
{% ENDIF %}
на этот
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /></div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() { $('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
А так же код перед тегом </head>
<!-- Загрузка 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" />


#48 bbbaron

bbbaron

    Новичок

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

Отправлено 21 Сентябрь 2013 - 06:47

Работает, спасибо

#49 ritikkk

ritikkk

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

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

Отправлено 19 Ноябрь 2013 - 12:50

Коллеги, привет!

установила слайдер на главной странице, хочу теперь:
1. переместить его под название магазина
2. сделать слайдер с активными ссылками (если это возможно)
3. чтобы под названием магазина убралась серая черта (на рисунке видно).

Помогите, пожалуйста.

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

  • Рисунок1.jpg


#50 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2013 - 02:47

1. Для этого необходимо переместить код слайдера из шаблона HTML в шаблон Страница, установив после:
{% IF index_page %}
  <!-- Заголовок главной странички -->
  <div class="headline">
	<div class="main">
	  <div class="h1 fnt14n txtalgnlft">
		<h1>{PAGE_NAME}</h1>
	  </div>
	 
	  <div class="text fnt12n">
		<div class="htmlDataBlock">
2. Для этого необходимо изображения\баннеры в слайдер обернуть в теги, пример:

<li><a href="ссылка"><img src="" /></a></li>

3.В файле main.css найдите:

#content .headline .h1 {
background: url("http://design.lot99.ru/separ-bg.jpg") 50% 100% repeat-x transparent;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;

#51 ritikkk

ritikkk

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

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

Отправлено 20 Ноябрь 2013 - 16:14

Просмотр сообщенияVaccina (20 Ноябрь 2013 - 02:47) писал:

1. Для этого необходимо переместить код слайдера из шаблона HTML в шаблон Страница, установив после:
{% IF index_page %}
<!-- Заголовок главной странички -->
<div class="headline">
<div class="main">
	 <div class="h1 fnt14n txtalgnlft">
	 <h1>{PAGE_NAME}</h1>
	 </div>
	
	 <div class="text fnt12n">
	 <div class="htmlDataBlock">
2. Для этого необходимо изображения\баннеры в слайдер обернуть в теги, пример:

<li><a href="ссылка"><img src="" /></a></li>

3.В файле main.css найдите:

#content .headline .h1 {
background: url("http://design.lot99.ru/separ-bg.jpg") 50% 100% repeat-x transparent;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;

Спасибо за ответ,

1. слайдер передвинулся, все ок

2. обернула, но ссылка не работает((
код со ссылками выглядит так:

<div id="slider">

<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a>
  <img src="http://design.lot99..../sale.jpg?2568" alt="" /> </li>

3. не могу найти строку, которая должна убрать серую черту под названием в main.css нашла только такую:
  #content .headline .h1 {
background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

4. и еще вопрос, где можно отрегулировать расстояние от конца слайдера до начала текста, сейчас оно очень большое (www.lot99.ru)

#52 ne_yana

ne_yana

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

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

Отправлено 20 Ноябрь 2013 - 18:15

Просмотр сообщенияritikkk (20 Ноябрь 2013 - 16:14) писал:

Спасибо за ответ,

1. слайдер передвинулся, все ок

2. обернула, но ссылка не работает((
код со ссылками выглядит так:

<div id="slider">

<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a>
  <li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a>
  <img src="http://design.lot99..../sale.jpg?2568" alt="" /> </li>

3. не могу найти строку, которая должна убрать серую черту под названием в main.css нашла только такую:
  #content .headline .h1 {
background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

4. и еще вопрос, где можно отрегулировать расстояние от конца слайдера до начала текста, сейчас оно очень большое (www.lot99.ru)
Здравствуйте,
2. посмотрите внимательнее, Вы не везде закрыли тег:
</li>
3. Этот код находится на 229 строке в файле main.css
4. В файле nyvo.css замените
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://design.lot99.ru/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(http://design.lot99.ru/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;
}


#53 ritikkk

ritikkk

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

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

Отправлено 21 Ноябрь 2013 - 11:13

Просмотр сообщенияne_yana (20 Ноябрь 2013 - 18:15) писал:

Здравствуйте,
2. посмотрите внимательнее, Вы не везде закрыли тег:
</li>
3. Этот код находится на 229 строке в файле main.css
4. В файле nyvo.css замените




.theme-default .nivoSlider {
position: relative;
background: #fff url(http://design.lot99.ru/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(http://design.lot99.ru/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;
}


2. Делала и так и так. Аналогичный код в баннере, там ссылка работает, тут нет почему то(( закрыла тег, ссылки все равно не работают:

<!-- Непосредственный код слайдера -->

<div id="slider">

<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a></li>
<li><a href="http://lot99.ru/cata...u/catalog"><img src="http://design.lot99..../sale.jpg?2568" alt="" /></a></li>
</div>
</div>

<!-- Запуск слайдера -->

3. 229-233 строки выглядят так:

#content .headline .brdr0 { border-left:0; border-right:0; }
  #content .headline .padd {  padding:10px 12px 13px 12px; }
#content .headline .h1 { background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  #content .headline .h1 a { color:#6c6c6c; padding:0 0 5px 0; display:block; }
#content .headline .h1static { color:#4e4e4e; border-bottom:1px dotted #ababab; padding:0 0 3px 0; }

не могу найти то, что мне нужно в них((

4. слайдер теперь встал красиво, спасибо)

#54 Vaccina

Vaccina

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

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

Отправлено 22 Ноябрь 2013 - 03:25

2.Проблема в сл.строке:

<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
удалите в ней <a href="/">
3. Ищите через Ctrl+F по сл.строке:   #content .headline .h1 {

#55 ritikkk

ritikkk

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

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

Отправлено 22 Ноябрь 2013 - 10:06

Просмотр сообщенияVaccina (22 Ноябрь 2013 - 03:25) писал:

2.Проблема в сл.строке:

<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
удалите в ней <a href="/">
3. Ищите через Ctrl+F по сл.строке:   #content .headline .h1 {

2. спасибо)

3. у меня нет такой строчки: удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;

есть только:
{ background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

принтскрин:

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

  • 111.JPG


#56 Stasya

Stasya

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

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

Отправлено 22 Ноябрь 2013 - 22:00

Сейчас не вижу у Вас на сайте и в коде слайдера? Вы его удалили? Если это так, то поставьте его, пожалуйста, обратно чтобы мы могли найти решение данной проблемы.

#57 ritikkk

ritikkk

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

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

Отправлено 23 Ноябрь 2013 - 12:42

Просмотр сообщенияStasya (22 Ноябрь 2013 - 22:00) писал:

Сейчас не вижу у Вас на сайте и в коде слайдера? Вы его удалили? Если это так, то поставьте его, пожалуйста, обратно чтобы мы могли найти решение данной проблемы.

я удалила слайдер, но мы же говорим про черту, которая находится под названием магазина, она не относится к слайдеру.

#58 Castiel

Castiel

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

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

Отправлено 23 Ноябрь 2013 - 12:57

Просмотр сообщенияritikkk (23 Ноябрь 2013 - 12:42) писал:

я удалила слайдер, но мы же говорим про черту, которая находится под названием магазина, она не относится к слайдеру.

Чтобы удалить черту редактируем main.css

Находим
#content .headline .h1 {
background: url(http://design.lot99.ru/separ-bg.jpg) bottom center repeat-x;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Заменяем на
#content .headline .h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


#59 ritikkk

ritikkk

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

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

Отправлено 23 Ноябрь 2013 - 15:09

Просмотр сообщенияCastiel (23 Ноябрь 2013 - 12:57) писал:

Чтобы удалить черту редактируем main.css

Находим
#content .headline .h1 {
background: url(http://design.lot99.ru/separ-bg.jpg) bottom center repeat-x;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Заменяем на
#content .headline .h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

убралась)) спасибо!

#60 working_working

working_working

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

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

Отправлено 24 Ноябрь 2013 - 21:48

Добрый вечер!

Подскажите пожалуйста, как сделать текст над слайдером (дизайн пластик) Например как здесь: http://snowwindwater.ru
Спасибо :)




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

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