Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • +994 55 868 05 19
  • Skype: name.nariman
Корзина: 0 шт.
0 руб.
» » Стильный слайдер для кино сайта - DLE

Стильный слайдер для кино сайта - DLE

admin 1-12-2016, 03:57 2 378 Модули и Хаки DLE
1240
Стильный слайдер для кино сайта - DLE


Очень удобный стильный слайдер для кино сайта DLE, Если у Вас есть сайт на тематику Кино, то это авто слайдер jquery отлично его украсит. Совместимость с браузерами: IE6 до IE8 + Chrome + Opera + Firefox.

Стильный слайдер для кино сайта - DLE


1. Для начала скопируйте все файлы из папки Slider в данном архиве на ваш сервер.
2. Строки кода выше добавляемым до закрывающих тегов
< / head >

Выше вставляем этот код:
<script type="text/javascript" src="{THEME}/js/crawler.js"></script>
<script type="text/javascript">
	marqueeInit({
		uniqueid: 'mycrawler2',
		style: {
			'padding': '2px',
			'width': '100%',
			'height': '195px'
			},
		inc: 7, //speed - pixel increment for each iteration of this marquee's movement    
		mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)    
		moveatleast: 2,    
		neutral: 150,    
		savedirection: true,    
		random: true});
</script>

3. Открываем в шаблоне main.tpl, в нужном месте вставляем:
<div class="slider">
<div class="marquee" id="mycrawler2">
{custom category="1,2,3,4,5,6,7,8,9,10" template="slider" aviable="global" from="0" limit="10" cache="yes"}
</div>
</div>

4. В "CSS" Открыть папку "style.css" и добавить в любом месте
/* Movies */
.slider { 
   width:940px; 
    float:left; 
    height: 195px; 
    margin:5px 0 0 0; 
    padding:7px;    
    border-style: solid;    
    border-width: 1px;    
    border-color: #D3D3D3;    
    -moz-border-radius: 7px;
	}
.slider img  {
    margin-left:5px;    
    border-style: solid;    
    border-width: 1px; 
    border-radius : 8px;
    margin : 5px;
    background : #ffffff;
    padding : 5px;
    position : relative;
    box-shadow : 0 5px 3px rgba(0, 0, 0, 0.1);	
    border-color: #A9A9A9; 
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;	
    -moz-border-radius: 7px;
  }
  
.slider a:hover img {
    margin-left:5px;    
    border-style: solid;   
    border-color:#2F4F4F; 
   -webkit-filter: brightness(145%);	
    -moz-border-radius: 7px;
}

/* End Movies */ 



Вы можете выбрать любую категорию и выбрать количество новостей , чтобы показать в слайдер
категории = "1,2,3,4" /////// выбрать любую категорию , которую вы хотите отобразить
предел = "10" ////// Выберите количество новостей для отображения!

Установка завершена !

Цена: 200 руб.

Похожие новости

  • Scrollbar без использование Java Script
  • Боковое меню для DLE ( для всех версий )

  • Комментарии (1)

    avatar
    +221
    #1 Пользователь offline lady
    Все круто, спасибо большое )
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
    Нименование Количество Цена / 1 шт.
    Всего: 0 руб.