alexis,
Code
<!-- LENTA--><DIV id="lenta">
<SCRIPT language="javascript">
<!--
var carPos = 30;
var t;
var a;
var kuda;
function MoveMePlease(kuda) {
if (kuda == 1) {
document.getElementById('mr').style.width = '30px';
if (carPos >= -1150) {
t=setTimeout("MoveMePlease(1)", 40);
carPos=carPos-10;
writer(carPos);
} else { clearTimeout(t); }
}
else if (kuda == 0) {
document.getElementById('ml').style.width = '30px';
if (carPos <= 20) {
a=setTimeout("MoveMePlease(0)", 40);
carPos=carPos+10;
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>
<DIV id="lenta_in">
$MYINF_1$
</DIV>
<DIV onmouseover="MoveMePlease(1)" onmouseout="cleaner()" id="mr" class="right">
<IMG src="http://promovare.ucoz.ro/imagini/move_right.gif" alt="Dreapta" /></DIV>
<DIV onmouseover="MoveMePlease(0)" onmouseout="cleaner()" id="ml" class="left">
<IMG src="http://promovare.ucoz.ro/imagini/move_left.gif" alt="Stanga" /></DIV>
</DIV><!-- LENTA -->
in CSS:
Code
#lenta {
background: URL('http://promovare.ucoz.ro/imagini/cadru.png') repeat-x top left;
display: block;
width: 910px;
height: 134px;
white-space: nowrap;
position:relative;
overflow: hidden;
border-top: solid 1px;
border-bottom: solid 1px;
}
#lenta DIV { position:relative; white-space:nowrap; }
#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:107px; top:15px; 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:30px; top:15px; }
#lenta IMG { border: solid 3px #87c0dd; }
#lenta A { display: inline-block; margin: 0px 5px; position: relative; text-decoration: none; }
#lenta A SPAN { position: absolute; overflow: hidden; white-space:normal; display:none; width:100%; border: solid 1px #FFF; bottom:0px; left:0px; background:#d4ffd0; font-size: 11px; opacity:.9; filter:alpha(opacity=90); }
#lenta A:hover SPAN { display:block; }
#lenta A SPAN STRONG { display:block; }
informer:
moduul alegi care ai nevoie
continut informer:
Code
<a href="$ENTRY_URL$"> <SPAN><STRONG>$TITLE$</STRONG></SPAN>
<img src="Imaginea pentru material"></a>
http://promovare.ucoz.ro/ aceiasi ideie