Как я и говорил - у модуля практически безграничные возможности вывода. Наглядно продемонстрирую, по просьбе
karik-himik, как с помощью моего модуля сделать такой же вывод, как и на ruszona.ru.
Что требуется: прямые руки, знание основ html и css
В Ваш css вставить:
HTML:
#lenta {
background-color:#f7f5f5;
display: block;
width:984px;
height: 116px;
white-space: nowrap;
position:relative;
overflow: hidden;
border-top:3px solid #bfbfbf;
}
#lenta DIV { position:relative; white-space:nowrap; }
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:5px; opacity:.4; filter:alpha(opacity=40); }
#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; }
#lenta .left { left:0px; text-align:right; }
#lenta .right { right:0px; }
#lenta_in { display:block; position:relative; left:0px; top:5px; }
#lenta IMG {padding:1px; border:1px solid #bfbfbf;}
#lenta A { display: inline-block; margin: 0px 1px; position: relative; text-decoration: none; }
#lenta A SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; position: absolute; overflow: hidden; white-space:normal; display:none; padding:3px; width:97px; bottom:0px; left:0px; background:#FFFFFF; font-size: 11px; opacity:.8; filter:alpha(opacity=80); }
#lenta A:hover SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }
#lenta A SPAN STRONG {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }
Далее на страницу нужно вставить скрипт:
HTML:
<SCRIPT language="javascript" type="text/JavaScript">
<!--
var carPos = 30;
var t;
var a;
var kuda;
function MoveMePlease(kuda) {
if (kuda == 1) {
document.getElementById('mr').style.width = '30px';
if (carPos >= -984) {
t=setTimeout("MoveMePlease(1)", 40);
carPos=carPos-15;
writer(carPos);
} else { clearTimeout(t); }
}
else if (kuda == 0) {
document.getElementById('ml').style.width = '30px';
if (carPos <= -10) {
a=setTimeout("MoveMePlease(0)", 40);
carPos=carPos+15;
writer(carPos);
} else { clearTimeout(a); }
}
}
function cleaner() { clearTimeout(a); clearTimeout(t);
document.getElementById('mr').style.width = ''; document.getElementById('ml').style.width = '';
}
function writer(newPos) { document.getElementById('lenta_in').style.left = newPos+'px'; }
-->
</SCRIPT>
Ну и теперь в ваш шаблон в нужное место (туда, где вы собираетесь выводить картинки) вставляем следующее:
Далее нужно вставить модуль. Я сделал так:
{include snippet="tn/topnews.php" param="lim=35&uid=2&tntpl=topnews1.tpl"}
Где tntpl - это использование нового шаблона, т.е. вам в папке с вашим шаблоном нужно создать файл topnews1.tpl со следующим содержанием:
HTML:
<a href="{link}"><span><strong>{title}</strong></span>{thumb}</a>
Остальные настройки понятно.
После модуля нужно закрыть тег DIV, т.е. после вставки модуля вставить:
Чтобы настроить ширину данного вывода, нужно в css найти строку:
width:984px;
height: 116px;
И в скрипте:
if (carPos >= -984)
И заменить эти параметры на необходимые.