Убрать Расстояние В Nyvo - Слайде
#1
Отправлено 30 Ноябрь 2013 - 11:51
#2
Отправлено 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
Отправлено 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
Отправлено 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; }
.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
Отправлено 17 Декабрь 2013 - 13:58
PGV (17 Декабрь 2013 - 13:57) писал:
.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
Отправлено 17 Декабрь 2013 - 14:06
Castiel (17 Декабрь 2013 - 13:58) писал:
акаунт 254178 хочу убрать расстояние от слайдера до каталога, и брать точки ( или точки разместить на сам слайдер,где нибудь сбоку) и зафиксировать слайдер под определенный размер 720Х250
#7
Отправлено 17 Декабрь 2013 - 14:16
PGV (17 Декабрь 2013 - 14:06) писал:
Редактируем 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
Отправлено 17 Декабрь 2013 - 14:47
Castiel (17 Декабрь 2013 - 14:16) писал:
Находим
.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; }
по поводу фиксации вопрос открыт, коды не помогли
добавляю фото с вопросами для наглядности.
#9
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 17 Декабрь 2013 - 15:06
PGV (17 Декабрь 2013 - 15:00) писал:
Ограничение размеров слайдера
Редактируем 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
Отправлено 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; }
спасибо большое)
Ище один вопрос где можно регулировать скорость прокрутки слайдера?
#15
Отправлено 17 Декабрь 2013 - 18:01
ne_yana (17 Декабрь 2013 - 15:45) писал:
Скорость вы можете настроить в файле "jquery.nivo.slider.pack.js" в свойстве
animSpeed:500замените ее на:
animSpeed:400
А как сделать что бы слайдер был кликабельным? нажав на определенную картинку переходить на рекламируемый товар...
#16
Отправлено 17 Декабрь 2013 - 18:07
PGV (17 Декабрь 2013 - 18:01) писал:
А как сделать что бы слайдер был кликабельным? нажав на определенную картинку переходить на рекламируемый товар...
Чтобы слайдер был кликабельнный ссылка на изображение должна быть такова вида
<li><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
#17
Отправлено 17 Декабрь 2013 - 18:16
Castiel (17 Декабрь 2013 - 18:07) писал:
<li><a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
и еще один вопрос: на всех страницах с текстом маячит слайд шоу из картинок... как его убрать?
#18
Отправлено 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>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных