Egyszerű 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 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.
Ugyanígy megváltoztathatjuk a kép kódjában az értékeket , sárgával jelöltem .

A képeket feltöltheted a saját képmappádból , Új bejegyzés - Kép beszúrása . Ha feltöltöttél egy képet , válts HTML módba másold ki a kép kódjából ezt a pirossal jelölt részt:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLoWKJTegzLiVd0etwHSeutgLix-LFlXgpEjYLimxCmAETdjxNN-7pC9Z2uRnw1Oh-MgO8WM-E9YXUxdP7A1sbrA6Iv5KgbI1m9ymKtb7ML6BXW9_WMIbQJHj5npHwmSNtXte_Y16vts/s1600/0_mikul%25C3%25A1s-telapo3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLoWKJTegzLiVd0etwHSeutgLix-LFlXgpEjYLimxCmAETdjxNN-7pC9Z2uRnw1Oh-MgO8WM-E9YXUxdP7A1sbrA6Iv5KgbI1m9ymKtb7ML6BXW9_WMIbQJHj5npHwmSNtXte_Y16vts/s320/0_mikul%25C3%25A1s-telapo3.png <img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLoWKJTegzLiVd0etwHSeutgLix-LFlXgpEjYLimxCmAETdjxNN-7pC9Z2uRnw1Oh-MgO8WM-E9YXUxdP7A1sbrA6Iv5KgbI1m9ymKtb7ML6BXW9_WMIbQJHj5npHwmSNtXte_Y16vts/s320/0_mikul%25C3%25A1s-telapo3.png " width="208" /></a></div>

Illeszd be Így :


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

1. <img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDLoWKJTegzLiVd0etwHSeutgLix-LFlXgpEjYLimxCmAETdjxNN-7pC9Z2uRnw1Oh-MgO8WM-E9YXUxdP7A1sbrA6Iv5KgbI1m9ymKtb7ML6BXW9_WMIbQJHj5npHwmSNtXte_Y16vts/s320/0_mikul%25C3%25A1s-telapo3.png width="100" /> 
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 kékkel jelölt részt mindegyik kép kódjához illeszd be.
Mentsd el és kész.