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


Убрать Расстояние В Nyvo - Слайде


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

#1 alpha-me

alpha-me

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

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

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

Здравствуйте! Подскажите пожалуйста как мне сократить расстояние(на картинке) и убрать кружки переключения?

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

  • 1234.jpg


#2 Castiel

Castiel

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

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

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

Просмотр сообщенияalpha-me (30 Ноябрь 2013 - 11:51) писал:

Здравствуйте! Подскажите пожалуйста как мне сократить расстояние(на картинке) и убрать кружки переключения?

Находим
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/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;
}

Заменяем на
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#3 alpha-me

alpha-me

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

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

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

Просмотр сообщенияCastiel (30 Ноябрь 2013 - 11:55) писал:

Находим
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/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;
}

Заменяем на
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Спасибо! ПОлучилось.

#4 PGV

PGV

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

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

Отправлено 17 Декабрь 2013 - 13:57

Просмотр сообщенияalpha-me (30 Ноябрь 2013 - 12:26) писал:

Спасибо! ПОлучилось.

убедительная просьба повторить ответ подробнее. просто я не нахожу такой код у себя nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me....yvo_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;
}

Просмотр сообщенияCastiel (30 Ноябрь 2013 - 11:55) писал:

Находим
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/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;
}

Заменяем на
nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
убедительная просьба повторить ответ подробнее. просто я не нахожу такой код у себя nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me....yvo_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;
}

#5 Castiel

Castiel

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

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

Отправлено 17 Декабрь 2013 - 13:58

Просмотр сообщенияPGV (17 Декабрь 2013 - 13:57) писал:

убедительная просьба повторить ответ подробнее. просто я не нахожу такой код у себя nanoprogress.ru/media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://alpha-and-me....yvo_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;
}

Напишите адрес вашего сайта или номер аккаунта и что именно вы хотите сделать

#6 PGV

PGV

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

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

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

Просмотр сообщенияCastiel (17 Декабрь 2013 - 13:58) писал:

Напишите адрес вашего сайта или номер аккаунта и что именно вы хотите сделать


акаунт 254178 хочу убрать расстояние от слайдера до каталога, и брать точки ( или точки разместить на сам слайдер,где нибудь сбоку) и зафиксировать слайдер под определенный размер 720Х250

#7 Castiel

Castiel

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

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

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

Просмотр сообщенияPGV (17 Декабрь 2013 - 14:06) писал:

акаунт 254178 хочу убрать расстояние от слайдера до каталога, и брать точки ( или точки разместить на сам слайдер,где нибудь сбоку) и зафиксировать слайдер под определенный размер 720Х250

Редактируем 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 .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

Заменяем на
.theme-default .nivo-controlNav {
display: none;
text-align: center;
padding: 20px 0;
}


#8 PGV

PGV

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

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

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

Просмотр сообщенияCastiel (17 Декабрь 2013 - 14:16) писал:

Редактируем 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 .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

Заменяем на
.theme-default .nivo-controlNav {
display: none;
text-align: center;
padding: 20px 0;
}

по поводу фиксации вопрос открыт, коды не помогли
добавляю фото с вопросами для наглядности.

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

  • Новый рисунок.jpg


#9 @lina_va

@lina_va

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

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

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

Просмотр сообщенияPGV (17 Декабрь 2013 - 14:47) писал:

по поводу фиксации вопрос открыт, коды не помогли
добавляю фото с вопросами для наглядности.
Здравствуйте.
1) В HTML замените:
<div id="slider" class="nivoSlider">
на
<div id="slider" class="nivoSlider" style="
width: 720px;
height: 250px;
margin: 0 auto;
">


#10 Castiel

Castiel

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

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

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

Просмотр сообщенияPGV (17 Декабрь 2013 - 14:47) писал:

добавляю фото с вопросами для наглядности.

Чтобы убрать подчеркивание редактируем main.css
Находим
#bar .links a {
padding: 0.9em 0.7em 0.7em 0.7em;
height: auto;
display: block;
color: #FFF;
text-shadow: 1px 1px 1px rgba(204, 143, 0, 1);
text-transform: uppercase;
}

Заменяем на
#bar .links a {
padding: 0.9em 0.7em 0.7em 0.7em;
height: auto;
display: block;
color: #FFF;
text-shadow: 1px 1px 1px rgba(204, 143, 0, 1);
text-transform: uppercase;
text-decoration: none;
}


#11 PGV

PGV

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

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

Отправлено 17 Декабрь 2013 - 15:00

Просмотр сообщения@lina_va (17 Декабрь 2013 - 14:52) писал:

Здравствуйте.
1) В HTML замените:
<div id="slider" class="nivoSlider">
на
<div id="slider" class="nivoSlider" style="
width: 720px;
height: 250px;
margin: 0 auto;
">


всеми известными способами не могу найти код <divid="slider"class="nivoSlider">

#12 Castiel

Castiel

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

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

Отправлено 17 Декабрь 2013 - 15:06

Просмотр сообщенияPGV (17 Декабрь 2013 - 15:00) писал:

всеми известными способами не могу найти код <divid="slider"class="nivoSlider">

Ограничение размеров слайдера
Редактируем nyvo.css
Находим
.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;
width: 720px;
height: 250px;
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;
}


#13 PGV

PGV

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

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

Отправлено 17 Декабрь 2013 - 15:35

Просмотр сообщенияCastiel (17 Декабрь 2013 - 15:06) писал:

Ограничение размеров слайдера
Редактируем nyvo.css
Находим
.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;
width: 720px;
height: 250px;
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;
}

спасибо большое)
Ище один вопрос где можно регулировать скорость прокрутки слайдера?

#14 ne_yana

ne_yana

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

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

Отправлено 17 Декабрь 2013 - 15:45

Просмотр сообщенияPGV (17 Декабрь 2013 - 15:35) писал:

спасибо большое)
Ище один вопрос где можно регулировать скорость прокрутки слайдера?
Здравствуйте,
Скорость вы можете настроить в файле "jquery.nivo.slider.pack.js" в свойстве
animSpeed:500
замените ее на:
animSpeed:400


#15 PGV

PGV

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

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

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

Просмотр сообщенияne_yana (17 Декабрь 2013 - 15:45) писал:

Здравствуйте,
Скорость вы можете настроить в файле "jquery.nivo.slider.pack.js" в свойстве
animSpeed:500
замените ее на:
animSpeed:400
Спасибо)
А как сделать что бы слайдер был кликабельным?  нажав на определенную картинку переходить на рекламируемый товар...

#16 Castiel

Castiel

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

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

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

Просмотр сообщенияPGV (17 Декабрь 2013 - 18:01) писал:

Спасибо)
А как сделать что бы слайдер был кликабельным?  нажав на определенную картинку переходить на рекламируемый товар...

Чтобы слайдер был кликабельнный ссылка на изображение должна быть такова вида
<li><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>


#17 PGV

PGV

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

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

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

Просмотр сообщенияCastiel (17 Декабрь 2013 - 18:07) писал:

Чтобы слайдер был кликабельнный ссылка на изображение должна быть такова вида
<li><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>

и еще один вопрос: на всех страницах с текстом маячит слайд шоу из картинок... как его убрать?

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

  • Новый рисунок.jpg


#18 Castiel

Castiel

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

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

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

Просмотр сообщенияPGV (17 Декабрь 2013 - 18:16) писал:

и еще один вопрос: на всех страницах с текстом маячит слайд шоу из картинок... как его убрать?

Редактируем шаблон Страница

Удаляем с 32 до 64 строки
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>test</title>
  <script type="text/javascript">
   var chet = 1;
   window.onload = function () { setTimeout(frout, 10000); }
   function frout() {
   chet++;
   if (chet>3) {chet=0;}
	switch(chet) {
	case 1:
	 document.getElementById('img').src = "http://st.intramark.ru/1/862/056/dv.jpg";
	 break;
	case 2:
	 document.getElementById('img').src = "http://st.intramark.ru/2/862/006/elka.jpg";
	 break;
	case 3:
	 document.getElementById('img').src = "http://st.intramark.ru/2/865/758/header-_logo1.jpg";
	 break;
	}
   setTimeout(frout, 5000);
   }
  </script>
</head>
<body>
  <p><img src="http://st.storeland.net/1/836/476/xperia-tablet-z-gallery-04-1240x840-psm-7f2ccf69797873bd6de833c2bd362e11.jpg" onclick="frout();" id="img" alt="" /></p>
</body>
</html>


#19 PGV

PGV

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

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

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

Проблема со слайдером ( проблема указана на файле)

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

  • Новый рисунок5.png


#20 Castiel

Castiel

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

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

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

Просмотр сообщенияPGV (18 Декабрь 2013 - 14:10) писал:

Проблема со слайдером ( проблема указана на файле)

На вашем сайте отсутствует слайдер, добавьте его если хотите чтобы мы помогли его откорректировать.




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

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