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

[Marischka]

Хочу поставить слайдер на главную страницу. слайдер http://yeap.narod.ru.../js/021/001.jpg
Как надо поэтапно, опишите пожалуйста

[Koderhan]

Marischka (20 Ноябрь 2012 - 17:51) писал:

Хочу поставить слайдер на главную страницу. слайдер http://yeap.narod.ru.../js/021/001.jpg
Как надо поэтапно, опишите пожалуйста

Вот тут поэтапно все прекрасно описано.
http://storeland.ru/about/faq#51

[Marischka]

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

Вот тут поэтапно все прекрасно описано.
http://storeland.ru/about/faq#51

Спасибо попробую

[Marischka]

Marischka (21 Ноябрь 2012 - 17:04) писал:

Спасибо попробую

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

[Koderhan]

Marischka (22 Ноябрь 2012 - 14:33) писал:

Все заработало, еще раз спасибо.
Еще один вопрос, а как его ширину уменьшить

Панель администратора,Сайт->Редактор тем.
В файле nyvo.csstemplate.
Есть код:

.nivoSlider {
	position:relative;
	width:100%;/*ширина в пикселях или в процентах*/
	height:auto;/*высота автоматическая, в зависимости от картинки. можно указать фиксированную, например: 100px*/
	overflow: hidden;
}

[Marischka]

Koderhan (22 Ноябрь 2012 - 14:46) писал:

Панель администратора,Сайт->Редактор тем.
В файле nyvo.csstemplate.
Есть код:

.nivoSlider {
	position:relative;
	width:100%;/*ширина в пикселях или в процентах*/
	height:auto;/*высота автоматическая, в зависимости от картинки. можно указать фиксированную, например: 100px*/
	overflow: hidden;
}

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

[support 2.0]

Marischka (22 Ноябрь 2012 - 16:35) писал:

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

Укажите адрес Вашей страницы или id в профиле. Здесь могут быть разные варианты почему сместился слайдер. Возможно, в

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

Вы что-то изменили. padding: 1em; как раз отвечает за отступ.

[Marischka]

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

Укажите адрес Вашей страницы или id в профиле. Здесь могут быть разные варианты почему сместился слайдер. Возможно, в

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

Вы что-то изменили. padding: 1em; как раз отвечает за отступ.

http://sadko-shop.storeland.ru/

Когда изменил размер фото и вставил другие, ушел немного в сторону.
Еще вот удалил точки под слайдером, а как уменьшить расстояние под ним не знаю. Огромное спасибо!

[Koderhan]

Marischka (22 Ноябрь 2012 - 21:06) писал:

http://sadko-shop.storeland.ru/

Когда изменил размер фото и вставил другие, ушел немного в сторону.
Еще вот удалил точки под слайдером, а как уменьшить расстояние под ним не знаю. Огромное спасибо!

Здравствуйте. Отступы можно уменьшить прописав в файл nyvo.css новые стили, в конце файла.
Вставить:

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px 0;
}
.nivo-controlNav {
	text-align:center;
	padding: 0px 0;
}

[Marischka]

Koderhan (23 Ноябрь 2012 - 08:05) писал:

Здравствуйте. Отступы можно уменьшить прописав в файл nyvo.css новые стили, в конце файла.
Вставить:

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px 0;
}
.nivo-controlNav {
	text-align:center;
	padding: 0px 0;
}

Спасибо, текст приблизился, а посередке ,как поставить?

[Koderhan]

Marischka (23 Ноябрь 2012 - 13:14) писал:

Спасибо, текст приблизился, а посередке ,как поставить?

В файле nyro.css (Сайт-> Редактор тем).
Вставить код в конец файла:

.theme-default .nivoSlider {
	margin: 0 auto;
}

[Marischka]

Koderhan (23 Ноябрь 2012 - 14:16) писал:

В файле nyro.css (Сайт-> Редактор тем).
Вставить код в конец файла:

.theme-default .nivoSlider {
	margin: 0 auto;
}

Вставил обновил, не выходит

[Koderhan]

Marischka (23 Ноябрь 2012 - 14:55) писал:

Вставил обновил, не выходит

Попробуйте этот кот вставить в конец файла main.csstemplate (Сайт -> Редактор тем).

.theme-default .nivoSlider {
	margin: 0 auto;
}

[Marischka]

Koderhan (23 Ноябрь 2012 - 16:14) писал:

Попробуйте этот кот вставить в конец файла main.csstemplate (Сайт -> Редактор тем).

.theme-default .nivoSlider {
	margin: 0 auto;
}

Ура, заработало! Большущее спасибо.

[Rus]

Здравствуйте!
Нужен слайдер, мой сайт http://gorus.storeland.ru.
Тему с Nivo Slider изучил, поставил без проблем, но не подходит формат слайдера (2/3 ширины), лишние кнопки под блоком и большое расстояние до текста снизу.
Помогите, пожалуйста, правильно установить iTunes slider (http://nettuts.s3.am...slider/demo.zip) на главной странице по всей ширине, между шапкой и телом страницы (шаблон Сияние).
Все файлы в библиотеку импортировал (style.css, jquery.js, mocha.js, картинки), однако добавление необходимых блоков в файле HTML по аналогии с Nivo Slider желаемого результата не принесли и были удалены.
Это html-файл слайдера: code.html


<!DOCTYPE html>  
<html lang="en-GB">  
<head>
<title>iTunes slider</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
<div id="container">
<h1>Create a simple iTunes-esque slider with jQuery</h1>
<div>by Siddharth for the lovely folks at Net Tuts</div>
<p>A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes. Click the down button to cycle the images.</p>

<div id="gallery">
<img src="img/1.jpg" />
<img src="img/2.jpg" />
<img src="img/3.jpg" />
<img src="img/4.jpg" />
<img src="img/5.jpg" />
<img src="img/6.jpg" />
   </div>

<div id="thumbs">
<img src="img/11.jpg" />
<img src="img/22.jpg" />
<img src="img/33.jpg" />
<img src="img/44.jpg" />
<img src="img/55.jpg" />
<img src="img/66.jpg" />
   </div>

<a href="#" id="next"></a>
</div>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/mocha.js"></script>

</body>
</html>

Подскажите, что и с какими изменениями прописать, чтобы слайдер работал корректно.

[Vaccina]

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

Если вы устанавливаете другие слайдеры, то не подключайте еще один jquery.js, так как данный файл всегда по умолчанию подключен. Подключение повторно данного файла повлечет за собой ошибки.

[JuliaM]

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

[miyako]

JuliaM (04 Июль 2013 - 15:04) писал:

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

Вам ответили здесь -
http://forum.storela...сть/#entry46605

Только Вам нужно наоборот, с 500 поменять на 600