Перейти к публикации

Рекомендованные сообщения

Подскажите пожалуйста какие файлы взять и какие css из новых шаблонов, чтобы вставить слайдер в свой шаблон (симпл).

Ссылка на сообщение
Поделиться на других сайтах

Проще скачать слайдер и поставить с нуля. Вот ресурс, где слайдеров куча. Выбирайте который пришелся по вкусу, и устанавливйте

Ссылка на сообщение
Поделиться на других сайтах

Gemini:

/templates/Gemini/js/slides.js

/templates/Gemini/img/

/templates/Gemini/slider.tpl

/templates/Gemini/style/styles.css:

/*---Slider---*/

#slides, .slides_container { height: 278px; position: relative; }

.slides_container { background: url("../images/loading.gif") no-repeat 50% 50%; border-bottom: 1px solid #b31032; width: 100%; overflow:hidden; }

#slides { border-bottom: 8px solid #db143d; margin-bottom: 7px; }

	#slides .next, #slides .prev { position: absolute; top: 114px; width: 50px; padding-top: 60px; display: block; z-index: 101; background: url("../images/nextprev.png"); }

	#slides .next { background-position: 0 0; left: -23px; }	#slides .next:hover { background-position: 0 -60px; }

	#slides .prev { background-position: -50px 0; right: -23px; }	#slides .prev:hover { background-position: -50px -60px; }
Pisces: /templates/Pisces/js/slides.js /templates/Pisces/img/ /templates/Pisces/slider.tpl /templates/Pisces/style/styles.css:
/*---Slider---*/

.slider { height: 312px; position: relative; }

.slider .container { padding-bottom: 2px; background: url("../images/slidershd.png") repeat-x 50% 100%; }

#slides, .slides_container, .slider .container { height: 271px; }

.slides_container { position: relative; background: #000 url("../images/loading.gif") no-repeat 50% 50%; width: 100%; overflow: hidden; }

	.pagination { text-align: center; height: 20px; margin: 0; padding: 11px 0 0 0; list-style: none; }

		.pagination li { display: inline-block; width: 19px; height: 19px;

			zoom: 1;

			*display: inline;

		}

		.pagination li a { background: url("../images/pagination.png") no-repeat; display: block; width: 19px; padding-top: 19px; height: 0; overflow: hidden; }

			.pagination li a:hover { background-position: -19px 0; }

			.pagination li.current a { background-position: -38px 0; }


	.slider .dleft, .slider .dright { background: url("../images/slider.png") no-repeat; height: 273px; width: 23px; position: absolute; top: 0; }

		.slider .dleft { left: 0; background-position: 0 0; }	.slider .dright { right: 0; background-position: -23px 0; }
В main.tpl:
{include file="slider.tpl"}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...