Témakörök
 
Index

XHTML szöveganimáció!

Mobilváltozat!


Asztali változathoz,
kattints a képre!

Asztali változat




Mozgatandó szöveget, a marquee kezdő és záró jelölőelem közé kell beírni.

Miben segít, az alap_weblap

Az alap_weblap, kimondottan kezdőknek nagy segítség, de haladóknak is!
Az alap_weblap témakörei, az XHTML és CSS, azaz stílusfájlokon túl, kitérnek a JAVASCRIPT programok készítésének alapjaira is!
Az alap_weblap használatánál, nem kell mindent kívülről betanulni, hogy weboldalad elkészítsd, vagy tovább bővítsd!
Az alap_weblap oldalai között, könnyedén barangolhatsz, ha eltévedné, a NÉMETJUHÁSZ fotójára kattintva, azonnal a kezdőoldalra jutsz!
Az alap_weblap oldalai között, a ZÖLD nyílra kattintva, témakörönként visszafelé lépkedhetsz!
Az alap_weblap oldalai között, kivételes esetben található olyan oldal, mely nem tartalmazza a németjuhász fotóját, és a zöld vissza nyíl ábrát, ekkor a böngésző ablakában található visszanyílat kell alkalmazni!
Az alap_weblap oldalairól, könnyedén átmásolhatsz weboldaladra, kódokat, jelölőelemeket, meghatározásokat, programokat!
Az alap_weblap oldalairól történő átmásolással, időt takaríthatsz meg, és elkerülhető a gépeléseknél előfordulható billentyűelütés, mely hibához vezet!
Az alap_weblap oldalai fokozatosan frissülnek és új témakörökkel bővülnek!


Miben segít, az alap_weblap Az alap_weblap, kimondottan kezdőknek nagy segítség, de haladóknak is! Az alap_weblap témakörei, az XHTML és CSS, azaz stílusfájlokon túl, kitérnek a JAVASCRIPT programok készítésének alapjaira is! Az alap_weblap használatánál, nem kell mindent kívülről betanulni, hogy weboldalad elkészítsd, vagy tovább bővítsd! Az alap_weblap oldalai között, könnyedén barangolhatsz, ha eltévedné, a NÉMETJUHÁSZ fotójára kattintva, azonnal a kezdőoldalra jutsz! Az alap_weblap oldalai között, a ZÖLD nyílra kattintva, témakörönként visszafelé lépkedhetsz! Az alap_weblap oldalai között, kivételes esetben található olyan oldal, mely nem tartalmazza a németjuhász fotóját, és a zöld vissza nyíl ábrát, ekkor a böngésző ablakában található visszanyílat kell alkalmazni! Az alap_weblap oldalairól, könnyedén átmásolhatsz weboldaladra, kódokat, jelölőelemeket, meghatározásokat, programokat! Az alap_weblap oldalairól történő átmásolással, időt takaríthatsz meg, és elkerülhető a gépeléseknél előfordulható billentyűelütés, mely hibához vezet! Az alap_weblap oldalai fokozatosan frissülnek és új témakörökkel bővülnek!

1. <marquee> <span class="azonosító"> Szöveget ide írd!</span> </marquee>


Szöveget ide írd! Szöveget ide írd! Szöveget ide írd!

2. <marquee direction="right"> <span class="azonosító"> Szöveget ide írd!</span> </marquee>


Szöveget ide írd! Szöveget ide írd! Szöveget ide írd!

3. <marquee behavior="alternate"> <span class="azonosító"> Szöveget ide írd!</span> </marquee>


Szöveget ide írd! Szöveget ide írd! Szöveget ide írd!

3/1. <marquee behavior="alternate" direction="left"> img URL </marquee>


ledi50x50

3/2. <marquee behavior="alternate" direction="right"> img URL </marquee>


ledi50x50

3/3. <marquee behavior="alternate" direction="left" width="50%"> img URL </marquee>


ledi50x50

3/4. <marquee behavior="alternate" direction="right" width="50%"> img URL </marquee>


ledi50x50

4. <marquee behavior="alternate" direction="up"> img URL </marquee>


ledi50x50

4/1.
<div class=".marq">
<marquee behavior="alternate" direction="up"> img URL </marquee>
</div>

.marq {width: 200px; height: 100px; padding-left: 100px; background-color: yellow; border: 1px solid black;} .marq {width: 200px; height: 100px; overflow: hidden; padding-left: 100px; background-color: yellow; border: 1px solid black;}
ledi50x50
ledi50x50

 

 

 

 


5. <marquee behavior="alternate" direction="up"> Szöveget ide írd! </marquee>

Szövegsorok száma: IE 7- ben korlátozott, MA - ban tetszőleges.


Szöveget ide írd! Szöveget ide írd! Szöveget ide írd! Szöveget ide írd! Szöveget ide írd!

5/1.
<marquee behavior="alternate" direction="up">
Szöveget ide írd! <br />
Szöveget ide írd! <br />
Szöveget ide írd! <br />
Szöveget ide írd! <br />
</marquee>

Szövegsorok száma: IE 7- ben korlátozott, MA - ban tetszőleges.


1. Szöveget ide írd!
2. Szöveget ide írd!
3. Szöveget ide írd!
4. Szöveget ide írd!
5.Szöveget ide írd!
6. Szöveget ide írd!
7. Szöveget ide írd!
8. Szöveget ide írd!
9. Szöveget ide írd!

6.
Szövegsorok száma: tetszőleges.

<marquee direction="up"> Szöveget ide írd! </marquee>


<marquee direction="up"> Szöveget ide írd! Szöveget ide írd! </marquee>

6/1.
Szövegsorok száma: tetszőleges.

<marquee direction="up">
Szöveget ide írd! <br />
Szöveget ide írd! <br />
Szöveget ide írd! <br />
Szöveget ide írd! <br />
</marquee>


Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!
Szöveget ide írd!

A továbbiakat mindenki döntse el, van e értelme, hogy weboldalán elhelyezze.

16.
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="left">
Szöveget ide írd!
</marquee>
</marquee>


Szöveget ide írd

17.
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="right">
Szöveget ide írd!
</marquee>
</marquee>


Szöveget ide írd!

18. IE-8 és MA egyforma, IE-7 csak függőleges mozgást végez

<marquee behavior="alternate" direction="right" width="80%">
<marquee direction="up">
Szöveged ide írd!
</marquee>
</marquee>


Szöveged ide írd!

19. IE-8 és MA egyforma, IE-7 csak függőleges mozgást végez


szöveged ide írd

20.
<marquee behavior="alternate" direction="up" width="80%">
1. Szöveget ide írd!
<marquee direction="right" behavior="alternate">
2. Szöveget ide írd! 2szöveged 2szöveged
</marquee>
3. Szöveget ide írd!
</marquee>


1. Szöveget ide írd! 2. Szöveget ide írd! 2szöveged 2szöveged 3. Szöveget ide írd!

21.


Szöveget ide írd!Szöveget ide írd! 2szöveged 2szöveged

22.


!Szöveget ide írd! 2szöveged 2szöveged

23. Böngésző függő a megjelenés
<marquee direction="right" behavior="alternate" width="100%>
<img src="kep50x50.jpg" width="50" height="50" border="0"/>
<marquee behavior="alternate" direction="up"">
<img src="kep50x50.jpg" width="50" height="50" border="0"/>
</marquee>
</marquee>


ledi50x50ledi50x50

24.
<marquee direction="right" behavior="alternate" width="100px">
<img src="kep50x50.jpg" width="50" height="50" border="0"/>
<marquee behavior="alternate" direction="up"">
<img src="kep50x50.jpg" width="50" height="50" border="0"/>
</marquee>
</marquee>


ledi50x50 ledi50x50

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

 

 

 

Vissza a lap elejére

------------------------------------------------------------------------------

 

 

 

 

url(Nincs-hatterkep.xxx)