Scroll automático

Oh meu deus, acabei de notar que tinha publicado este post sem querer! [estou a editar 9/12, e publiquei acidentalmente ontem].

Bem, pelo menos o tutorial estava perceptível, mas explicações nem vê-las. Nem introdução o post tinha >.< Bom, scroll automático é basicamente uma maneira de fazer passar o conteúdo de uma caixinha (gadgets, postagem) automaticamente, pois esse conteúdo é grande demais para caber no espaço e assim está sempre em movimento. Quando a pessoa faz over em cima do conteúdo, este pára de mexer e é possível ler/clicar com calma no que contém. Mais ou menos o que tenho no gadget "Lost" deste blog.

Meu resultado final

{lembrando que eu usei margens um pouco diferentes, e que isto deve ser adicionado num gadget HTML/Javascript}

<div style="margin-left: -5px; margin-top: 0px; margin-right: -5px; margin-bottom: 0px;">
<div class="tags">
<marquee direction="left" scrollamount="4" width="100%" behavior="slide" onmouseover="this.stop()" onmouseout="this.start()">
O QUE VOCÊ QUISER, TIPO MENU, LINKS, TEXTO...
</marquee>
</div></div>

Para entender (desconstrução em partes)

1) A parte principal do código é esta:

<marquee direction="left" scrollamount="4" width="100%" behavior="slide" onmouseover="this.stop()" onmouseout="this.start()">

O QUE VOCÊ QUISER, TIPO MENU, LINKS, TEXTO...

</marquee>

2) Lembro que, para você ajustar as margens dessa área, pode, por exemplo, enuadrar o código anterior dentro deste (mude os valores conforme quiser):

<div style="margin-left: -5px; margin-top: 0px; margin-right: -5px; margin-bottom: 0px;">

CÓDIGO ANTERIOR

</div>

3) Isso pode ainda ser personalizado, por exemplo, eu adicionei no meu html acima de /b:skin o código seguinte: 

.tags {background: #fff;}

E, antes e depois do primeiro código do gadget (respetivamente), inseri ainda 

<div class="tags">

<div>

Organização:

• (Código 2 (código 3 (código 1) ) )

Mais uma vez, gómen pelo acidente!