Keresés a blogban

2010. január 8.

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

8 megjegyzés:

3 kislány, én meg egy férj írta... [Válasz erre...]

Kedves Wise Lady!
Lehet, hogy már írtál erről de ne találom.
Kérdésem, hogy hogyan lehet más a profil leírásom, ha egy második, de teljesen más témájú blogot szeretnék nyitni. Nem akarom, hogy ugyanaz a bemutatkozó szöveg jelenjen meg az újban oldalt. Lehet két blog de különböző profil leírással?

Köszönöm ha válaszolsz
Ágnes

marcsis írta... [Válasz erre...]

Szia Wise Lady!
Sikerrel jártam gördülő doboz ügyben,szuper,még egy jó pár képpel bővitem majd.
Viszont a LinkWithin-t nem sikerül sehogysem a blogomba varázsolni,pedig egyértelmű a fölrakása,de mégse jó valami...
Valami ötleted lenne?Mit bénáztam el?
Köszi!
Marcsi

Wise Lady írta... [Válasz erre...]

Linkwithinről nem tudok nyilatkozni, mert innen nem látom. Ha jól emlékszem én az oldalsávból átraktam a modult a posztterület alá, egyszerűen kimásoltam a kódot, és kértem egy másik modult, abba beillesztettem, az oldalsávbelit eltávolítottam..

Wise Lady írta... [Válasz erre...]

Most én kipróbáltam ehhez a bloghoz, minden további nélkül működik, az a lényeg, hogy az oldal fő részéhez (main) add, ne az oldalsávhoz.

Wise Lady írta... [Válasz erre...]

Kipróbáltam, és oldalsávból is működik. Szóval nem tudom. Csináld újra, minden lépésnél mindent nézz végig, valamit nem állítottál be jól.

Lilianyja írta... [Válasz erre...]

Ez nagyok klasszul működik! Variálni is tudtam, jobbra, balra, lefelé menjen a kép...Köszi!

Gyuri írta... [Válasz erre...]

Ezt a jó kis funkciót én is kipróbáltam, de nem oldalsávban, hanem postban. Egy problémám akadt, ha használtam a !-- more -- funkciót, akkor a képek nem futottak, hanem egyszerűen csak megjelentek egymás mellett. Ez ismert probléma vagy én rontottam el valamit? Köszi.

Wise Lady írta... [Válasz erre...]

Valamit nem jól csináltál, én kipróbáltam read more-ral is, és ment rendesen, elé rakva és utána rakva is.

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-