Слайд-шоу Skitter баннер для форумов

1) Скачиваем архив и заливаем его к себе в шаблон:
2) Открываем global.tpl и перед тегом

</head> 

вставляем:

<link rel="stylesheet" type="text/css" href="{HOME_LINK}components/scripts/min/index.php?charset=windows-1251&amp;f=templates/{TEMPLATE_NAME}/css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" /><script type="text/javascript" src="{HOME_LINK}components/scripts/min/index.php?charset=windows-1251&amp;f=templates/{TEMPLATE_NAME}/js/jquery-ui.min.js"></script><script type="text/javascript" src="{HOME_LINK}components/scripts/min/index.php?charset=windows-1251&amp;f=templates/{TEMPLATE_NAME}/js/jquery.skitter.min.js"></script><script>$(document).ready(function(){$('.box_skitter_large').skitter({interval: 7000 , hideTools: true});});</script>

За изменение времени интервала отвечает interval: 3000
3) Далее в global.tpl находим

<div class="board_side"> 

ниже которого вписываем:

<div class="board_block"><h3 id="c_07">Рекламные места 250*350<span title="свернуть" class="c_toggle"></span><i></i><span class="co co5"><span class="tr"></span><span class="br"></span></span></h3><div class="bb_cont"><ol class="bb_status_ch"><center><div class="border_box"><div class="box_skitter box_skitter_large"><ul><li><a href="#circlesInside"><img src="{DLE_LINK}/forum/templates/Special/images/slider/001.jpg" class="circlesInside" /></a><div class="label_text"><p>Разделы нашего Сайта</p></div></li><li><a href="#cubeSpread"><img src="{DLE_LINK}/forum/templates/Special/images/slider/002.jpg" class="cubeSpread" /></a><div class="label_text"><p>Реклама</p></div></li><li><a href="#block"><img src="{DLE_LINK}/forum/templates/Special/images/slider/001.jpg" class="circles" /></a><div class="label_text"><p>На форуме</p></div></li><li><a href="#cubeStop"><img src="{DLE_LINK}/forum/templates/Special/images/slider/002.jpg" class="circlesRotate" /></a><div class="label_text"><p>Реклама</p></div></li><li><a href="#cubeHide"><img src="{DLE_LINK}/forum/templates/Special/images/slider/001.jpg" class="cube" /></a><div class="label_text"><p>На форуме</p></div></li><li><a href="#cubeSize"><img src="{DLE_LINK}/forum/templates/Special/images/slider/002.jpg" class="cubeSize" /></a><div class="label_text"><p>Реклама</p></div></li><li><a href="#horizontal"><img src="{DLE_LINK}/forum/templates/Special/images/slider/001.jpg" class="horizontal" /></a><div class="label_text"><p>На форуме</p></div></li></ul></div></div></center></ol><div class="co co5"><div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div></div></div></div>

Вот и всё, установка завершена!!!

Вот полный список анимации

cube
cubeRandom
block
cubeStop
cubeHide
cubeSize
horizontal
showBars
showBarsRandom
tube
fade
fadeFour
paralell
blind
blindHeight
blindWidth
directionBottom
directionRight
directionLeft
cubeStopRandom
cubeSpread
circles (new)
circlesInside (new)
circlesrotate (new)

Изначально в файле css была прописана ширина и длинна 250*350 вы легко сможете её исправить под себя найдя в файле skitter.styles.css строки:

    .box_skitter {position:relative;width:250px;height:350px;background:#000;overflow:hidden;}

и

 .box_skitter_large {width:250px;height:350px;}