Сообщений в теме: 216

[support 2.0]

Megamarket (19 Ноябрь 2012 - 09:51) писал:

Спасибо большое, но отступ все равно остался. Возможно ли его убрать или нет!? Спасибо!

он стал меньше, но его можно еще меньше сделать путем:
файл nyro_default.css
найдите строчку
media="screen"
.theme-default .nivoSlider {
position: relative;
background: white url(http://img.storeland...yro_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;
}


и измените значение margin-bottom:50px; на margin-bottom:15px;

[dedlui]

support (31 Май 2012 - 17:31) писал:

Извиняюсь за возникшее недопонимание. Данная задача со слайдером является наиболее простой для любого даже начинающего верстальщика, да и инструкций полно, но некоторые мелочи очевидные ему не всегда могут быть очевидны не столь подготовленному пользователю. Попробую рассказать с максимумом деталей, на примере нашей системы, нашего редактора тем, нашего html редактора шаблонов о том как поставить слайдер на свой сайт Nivo Slider... Итак поехали:

• Скачиваем себе на компьютер следующий архив, я его специально подготовил, все до одного лишние файлы удалил:
     slider.zip
  
• Распаковываем на своём компьютере.
  
• Заходим в панель управления магазином, через форму авторизации.
  
• Переходим в раздел "Сайт" > "Редактор тем".
  
• Скролим вниз до блока файлов, нажимаем кнопку добавить файлы, появится 5 полей для файлов.
  nyro1.jpg
  
• В каждое поле вставляем те файлы, что распаковались из архива, их как раз 5.
  nyro2.jpg
  
• Проверяем закачались ли эти файлы, выглядят они в редакторе тем как-то так:
  nyro3.jpg
  
• Открываем файл HTML, находим следующий код (у меня это 53 строка, используйте встроенный поиск браузера, Ctrl+f, чтобы не искать глазами.):
  

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  

  
  После него вставляем вот такой код:
  

  <!-- Загрузка Jquery галереии Nyro -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
  <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  Получается как-то так:
  

  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  
  <!-- Загрузка Jquery галереии Nyro -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
  <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  В браузере выглядит так:
  nyro4.jpg
  
• Нажимаем кнопку "сохранить" сверху.
  
• Далее скролим вниз этого файла (html) находим (естественно встроенным поиском, Ctrl+f, глазами искать не всегда есть гуд.) вот такой не сложный код:
  

  {BODY}
  

  
  Перед ним! Вставляем вот такой код:
  

  <!-- Вешаем слайдер на главной -->
  {% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding-top:1em;">
  <!-- Непосредственный код слайдера -->
  <div id="slider">
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  </div>
  </div>
  
  <!-- Запуск слайдера -->
  <script type="text/javascript">
  $(window).load(function() {
  $('#slider').nivoSlider();
  });
  </script>
  {% ENDIF %}
  

  
  Получается вот так:
  

  <!-- Вешаем слайдер на главной -->
  {% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding-top:1em;">
  <!-- Непосредственный код слайдера -->
  <div id="slider">
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  </div>
  </div>
  
  <!-- Запуск слайдера -->
  <script type="text/javascript">
  $(window).load(function() {
  $('#slider').nivoSlider();
  });
  </script>
  {% ENDIF %}
  
  {BODY}
  

• Нажимаем кнопку "сохранить", выглядит это так:
  nyro5.jpg
  
• Заходим на главную страницу сайта, нажимаем F5 либо Ctrl+R
  
• Должен получиться вот такой результат:
  nyro6.jpg nyro7.jpg nyro8.jpg

Если слайдер не завёлся и не поехал, то видимо что-то сделали не так, напишите об этом постараюсь рассказать ещё детальней о том месте, где возникла ошибка.

Пример живого слайдера (демо)

Доброго времени суток! Я в кодировании новичок. Подскажите пожалуйста как убрать кнопки в теме и опустить слайдер ниже. По вашей инструкции установил с первого раза и все заработало, но эти две вещи требуется изменить.

[Koderhan]

dedlui (30 Ноябрь 2012 - 05:34) писал:

Доброго времени суток! Я в кодировании новичок. Подскажите пожалуйста как убрать кнопки в теме и опустить слайдер ниже. По вашей инструкции установил с первого раза и все заработало, но эти две вещи требуется изменить.

Здравствуйте. В конец файла nyro_default.css.
Добавить код:

.theme-default .nivoSlider { 
margin-bottom: 0px;
}

Для того чтобы убрать кнопки снизу слайдера.
В этом же файле.
Добавить код:

.theme-default .nivo-controlNav {
display: none;
}

[dedlui]

Koderhan (30 Ноябрь 2012 - 07:26) писал:

Здравствуйте. В конец файла nyro_default.css.
Добавить код:

.theme-default .nivoSlider {
margin-bottom: 0px;
}

Для того чтобы убрать кнопки снизу слайдера.
В этом же файле.
Добавить код:

.theme-default .nivo-controlNav {
display: none;
}

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

Потихоньку-помаленьку начинаю соображать в коде, нужно поучить переменные, но со временем сейчас туговато. Хочется быстрее довести магазин до ума и запустить нормальную рекламу, что бы хоть что то получить до Нового года. Мне с вами легко работать. Спасибо вам!

[support 2.0]

dedlui (30 Ноябрь 2012 - 12:16) писал:

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

Потихоньку-помаленьку начинаю соображать в коде, нужно поучить переменные, но со временем сейчас туговато. Хочется быстрее довести магазин до ума и запустить нормальную рекламу, что бы хоть что то получить до Нового года. Мне с вами легко работать. Спасибо вам!

в файле HTML найдите блок, где ВЫ вставляли слайдер. Там Вы найдете вот такую строчку

<div class="theme-default" style="padding-top:1em;">

padding-top:1em  отступ. Поменяйте 1em, к примеру, на 80pх и у Вас слайдер переместится ниже. У Вас должен получиться следующий код

<div class="theme-default" style="padding-top:80px;">

[dedlui]

support 2.0 (30 Ноябрь 2012 - 13:33) писал:

в файле HTML найдите блок, где ВЫ вставляли слайдер. Там Вы найдете вот такую строчку

<div class="theme-default" style="padding-top:1em;">

padding-top:1em  отступ. Поменяйте 1em, к примеру, на 80pх и у Вас слайдер переместится ниже. У Вас должен получиться следующий код

<div class="theme-default" style="padding-top:80px;">

Все супер!!! Спасибо ребята!

[support 2.0]

dedlui (30 Ноябрь 2012 - 12:16) писал:

Потихоньку-помаленьку начинаю соображать в коде, нужно поучить переменные, но со временем сейчас туговато. Хочется быстрее довести магазин до ума и запустить нормальную рекламу, что бы хоть что то получить до Нового года. Мне с вами легко работать. Спасибо вам!

Есть отличный сайт, где Вы можете много чему научиться http://htmlbook.ru/

[dedlui]

support 2.0 (30 Ноябрь 2012 - 16:58) писал:

Есть отличный сайт, где Вы можете много чему научиться http://htmlbook.ru/

Спасибо за информацию, я уже заглядывал туда и взял его на вооружение. Сегодня закончил в фотошопе новые слайды для Nivo, и умудрился их вставить и настроить без посторонней помощи. Знание страшная сила!

[support 2.0]

dedlui (05 Декабрь 2012 - 17:00) писал:

Спасибо за информацию, я уже заглядывал туда и взял его на вооружение. Сегодня закончил в фотошопе новые слайды для Nivo, и умудрился их вставить и настроить без посторонней помощи. Знание страшная сила! http://liv-shop.ru

Главное - не останавливаться на достигнутом. Поздравляю Вас с полученными навыками!

[Mscor]

dedlui (30 Ноябрь 2012 - 05:34) писал:

Доброго времени суток! Я в кодировании новичок. Подскажите пожалуйста как убрать кнопки в теме и опустить слайдер ниже. По вашей инструкции установил с первого раза и все заработало, но эти две вещи требуется изменить.

Помогите пожалуйста, не могу понять что происходит со слайдером, вообще хочу расположить его под каталогом слева. А он и на главной вот так чудит. Вот ссылка на сайт -
http://dveri-dly-vas.storeland.ru

Сори, не тому написал

[Koderhan]

Mscor (24 Декабрь 2012 - 14:42) писал:

Помогите пожалуйста, не могу понять что происходит со слайдером, вообще хочу расположить его под каталогом слева. А он и на главной вот так чудит. Вот ссылка на сайт -
http://dveri-dly-vas.storeland.ru

Сори, не тому написал

По какой то причине у вас на сайте пустой файл стилей слайдера.
nyro_default.css

[samotoyloff]

Приветствую! Давно уже стоит Ниво слайдер, месяцев несколько всё ок было..., потом вдруг исчезли слайды.., ни где ничего не трогал.., что это может быть? www.samotoyloff.ru
Спасибо.

[Koderhan]

samotoyloff (13 Январь 2013 - 21:12) писал:

Приветствую! Давно уже стоит Ниво слайдер, месяцев несколько всё ок было..., потом вдруг исчезли слайды.., ни где ничего не трогал.., что это может быть? www.samotoyloff.ru
Спасибо.

На вашем сайте не существует изображений слайдов.
скорей всего они были случайно удалены с сайта.

[samotoyloff]

Koderhan (14 Январь 2013 - 09:54) писал:

На вашем сайте не существует изображений слайдов.
скорей всего они были случайно удалены с сайта.

..)) ? Как это не существует? Они есть там в редакторе тем, в файлах, как и прежде. Ничего не трогалось в этом плане.., может где-то нужно посмотреть, прописаны они или нет, хотя повторяю, ничего не делалось с эти Ниво и не удалялось.
Спасибо.
П.С. Пардон.., я про интернет-маг имел введу - www.imadrenalin.ru ..))

[Koderhan]

samotoyloff (14 Январь 2013 - 23:58) писал:

..)) ? Как это не существует? Они есть там в редакторе тем, в файлах, как и прежде. Ничего не трогалось в этом плане.., может где-то нужно посмотреть, прописаны они или нет, хотя повторяю, ничего не делалось с эти Ниво и не удалялось.
Спасибо.
П.С. Пардон.., я про интернет-маг имел введу - www.imadrenalin.ru ..))

Например фотографии по адресу http://samotoyloff-s.../33/32133/4.png
не существует. Эта фотография должна присудствовать в редакторе тем.

[support 2.0]

samotoyloff (14 Январь 2013 - 23:58) писал:

..)) ? Как это не существует? Они есть там в редакторе тем, в файлах, как и прежде. Ничего не трогалось в этом плане.., может где-то нужно посмотреть, прописаны они или нет, хотя повторяю, ничего не делалось с эти Ниво и не удалялось.
Спасибо.
П.С. Пардон.., я про интернет-маг имел введу - www.imadrenalin.ru ..))

Как Вы загружали эти изображения? Где? Сайт, который указан в изображениях тоже не доступен.
Изображения лучше загрузить через Сайт -> Редактор тем -> ФАЙЛЫ -> добавить файл
далее в коде слайдера

<img src="http://samotoyloff-sport.ru/web/upload/assets/images/33/32133/3.png" alt="" style="display: none; width: 700px;">

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

[samotoyloff]

support 2.0 (15 Январь 2013 - 11:14) писал:

Как Вы загружали эти изображения? Где? Сайт, который указан в изображениях тоже не доступен.
Изображения лучше загрузить через Сайт -> Редактор тем -> ФАЙЛЫ -> добавить файл
далее в коде слайдера

<img src="http://samotoyloff-sport.ru/web/upload/assets/images/33/32133/3.png" alt="" style="display: none; width: 700px;">

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

Как нет? http://imadrenalin.r...2133/1.png?8957
Вот изображения. Я через Там и загружал. Сначала у меня был домен samotoyloff-sport затем он поменялся на imadrenalin и слайдер уже работал на новом домене. Там всё работало. Яж говорю всё ок было, потом вот пропали изображения. Я прост не помню где стоит код слайдера..))

[samotoyloff]

support 2.0 (15 Январь 2013 - 11:14) писал:

Как Вы загружали эти изображения? Где? Сайт, который указан в изображениях тоже не доступен.
Изображения лучше загрузить через Сайт -> Редактор тем -> ФАЙЛЫ -> добавить файл
далее в коде слайдера

<img src="http://samotoyloff-sport.ru/web/upload/assets/images/33/32133/3.png" alt="" style="display: none; width: 700px;">

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

Всё, спасибо разобрался.., знач дело было в том, что со старого домена на новый шёл переход. Как тока делегирование закончилось, ..)), закончился и слайдер. Я поменял в коде на новый домен и всё ок. Всем спасиб.

[frolstep]

где размер можно поменять?

[Vaccina]

Пожалуйста, сообщите подробнее размеры чего вы хотите изменить. Если вы хотите изменить размер слайдера, то для этого достаточно будет изменить размер самих слайдов(изображений).