Gördülő szöveg- vagy képdoboz

A blogom oldalsávjában Képeimből címmel egy gördülő doboz látható, amelybe szöveget és képet is rakhatunk. Oda teheted, ahová csak tetszik. A szöveges változatot a blog alsó sávjában nézheted meg működés közben.
A következő módon készül:

Irányítópult-Elrendezés.
Modul hozzáadása, a  HTML és Javascript modult válaszd
Töltsd ki a címet, a tartalomhoz pedig másold be ezt a kódot.

<div class="textwidget"><marquee 
align="left" direction="up" height="200" 
onmouseout="this.start()" onmouseover="this.stop()" 
scrollamount="2" width="105">

1. szöveg vagy kép
2. szöveg vagy kép
3. szöveg vagy kép
4. szöveg vagy kép
5. szöveg vagy kép
stb.
</marquee>
</div>

A doboz szélességét a width a magasságát a height mögé írt szám átírásával változtathatjuk.

Képeket csak internetes tárhelyről helyezhetünk el, ezt kell beírni:

<img src="http://aképelérésiútja" width="100" />

Képek elhelyezése a Picasa webalbumból:

Menj be a Google fiókodba, válaszd a Picasa webalbumokat. Keresd meg a képet, kattints rá.
Oldalt találod ezt: Link ehhez a fotóhoz. Kattints rá.
A kép beágyazása alatt található ablakból másold ki, ami ott van. Egy ilyen kódot kapsz:

<table style="width:auto;"><tr><td>
<a href="http://picasaweb.google.com/
lh/photo/UU9Lo4rzLFVME8A6yCDLzQ?authkey=Gv1sRgCNDem6L32dbIbA&feat=
embedwebsite"><img src="http://lh3.ggpht.com/_pHfsk7ExMQA/
ShhUgUCN4cI/AAAAAAAAA1A/C3jPYy5fxzc/s144/
joghurttorta.jpg" />
</a></td></tr><tr><td style="font-family:arial,sans-serif; 
font-size:11px; text-align:right">
Származási hely: <a href="http://picasaweb.google.com/
wiselady131/AnyaFoztje?authkey=Gv1sRgCNDem6L32dbIbA&feat=
embedwebsite">Anya főztje</a></td></tr>
</table>

A pirossal jelzett részt tartsd meg, a többit töröld ki.
Ezután gépeld bele az alább pirossal jelzett részt, és a számot úgy add meg, amilyen szélesre akarod a képet.

<img src="http://lh3.ggpht.com/_pHfsk7ExMQA/ShhUgUCN4cI/
AAAAAAAAA1A/C3jPYy5fxzc/s144/joghurttorta.jpg" width="100" />

Azt, hogy melyik irányba gördüljön, ebben a kódrészletben adhatod meg:
direction"up"

up felfelé
down lefelé
left balra
right jobbra
Írd át a neked megfelelő szóra az idézőjelek közötti részt.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady