2011. november 3., csütörtök

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="http://4.bp.blogspot.com/-BpUbK6tapd8/TrNSHDGvcaI/AAAAAAAAGDE/YUevmedJNVI/s1600/0_mikul%25C3%25A1s-telapo3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" height="320" src="http://4.bp.blogspot.com/-BpUbK6tapd8/TrNSHDGvcaI/AAAAAAAAGDE/YUevmedJNVI/s320/0_mikul%25C3%25A1s-telapo3.png <img border="0" height="320" src="http://4.bp.blogspot.com/-BpUbK6tapd8/TrNSHDGvcaI/AAAAAAAAGDE/YUevmedJNVI/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="http://4.bp.blogspot.com/-BpUbK6tapd8/TrNSHDGvcaI/AAAAAAAAGDE/YUevmedJNVI/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.

Nincsenek megjegyzések:

Megjegyzés küldése

Related Posts Plugin for WordPress, Blogger...