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


Css Сайта Полетели.


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

#41 sengun

sengun

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

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

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

Просмотр сообщенияKorolev Andrey (20 Сентябрь 2013 - 21:34) писал:

Установил слайдер по инструкции в FAQ. Но он не отображается на сайте... не понимаю почему... Сайт http://s1005725.storeland.ru/

Все годы прописал.

Так же прописал главный код слайдера:

<div style="position: absolute; top: 250px; right: 10px; z-index: 44422;">
<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>
</div>
В разделе FAQ закрались ошибки, почему-то редактор вставляет в инструкции лишние символы.
Вам надо в шаблоне HTML код слайдера
<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>
  </div>
заменить на этот
<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">// <![CDATA[
$(window).load(function() { $('#slider').nivoSlider().parent().show(); });
// ]]></script>
и код подключения файлов
  <p><!-- Загрузка Jquery галереии Nyvo Slider --><br /><br />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
</p>
замените на этот
<!-- Загрузка 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" />


#42 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

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

Скажите, а как убрать эти точки снизу слайдера? Пусть картинки сами по себе переключаются.

#43 Vaccina

Vaccina

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

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

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

Добавьте в ваш файл стилей main3.css следующее правило

.nivo-controlNav {
	display: none !important;
}


#44 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 23 Октябрь 2013 - 19:08

Почему опять не отображается слайдер? Сайт http://s1052487.storeland.ru/


<div style="position: absolute; top: 80px; right: 515px; z-index: 2453;">
<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">// <![CDATA[
$(window).load(function() { $('#slider').nivoSlider().parent().show(); });
// ]]></script>
</div>


#45 Сake

Сake

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

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

Отправлено 24 Октябрь 2013 - 01:32

У вас обращение к библиотеке nivoslider происходит раньше чем подключается сама библиотека. Вам необходимо подключение файла jquery.nivo.slider.pack.js переместить и вставить подключение перед подключением файла main.js в шаблоне "HTML".

#46 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 27 Октябрь 2013 - 17:18

Я выставляю размер слайдера

width: 439px;
height: 323px;

Почему он выставляем сам другой размер: 441 на 440?  Сайт http://s1052487.storeland.ru/

#47 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 27 Октябрь 2013 - 17:30

Просмотр сообщенияKorolev Andrey (27 Октябрь 2013 - 17:18) писал:

Я выставляю размер слайдера

width: 439px;
height: 323px;

Почему он выставляем сам другой размер: 441 на 440?  Сайт http://s1052487.storeland.ru/


Решил проблему, картинки не были добавлены, после добавления размер выровнялся на нужный.




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

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