--->>> PORTALGURU <<<---


Főoldal
Vendégkönyv
Fórum
Blog 
Itt hirdess!!!
Bannereim
Frissítések 
Díjaim 


Hogyan ???
Vezérlő menü
HTML tanfolyam
Kódok 
Kódpróba
Újdonságok a Gp-n
Pánik


Design szettek
780 pixeles szettek
Glitteres szettek
CSS kódok
Fejlécek 
Hátterek (1131 db)
Menük 
Hirdető dobozok
Naptárak
Naptáras órák
Avatarok  (270 db)
GIF-ek (138 db)
Glitterek
Átlátszó képek (451 db)
PSP brush 
PSP mask 
PSP Textures 
Modulhátterek
Képes keretek I.
Képes keretek II.
Glitteres keretek
Csipkés keretek
Átlátszó keretek
Oldalhátterekhez keretek


Stílusok
Új stílusok 
Színkódok nevei
Színkód generátor
Hasznos linkek 

Letöltések 

Elkészült rendelések 

Kedvcsináló 

 

 

Fantától kaptam, köszönöm!!!


Kedvenc oldalam

Fantától

 

           

Eddig 15 sablonhoz készült webszett!

Eddig 126 db 780 pixeles webszett!

Eddig
32 db extra szett!

2009.10.23.
Új menüpont a Kellékeknél:
PSP Textures!

114 db új kép
Használat leírásával!



2009.10.10.
  8 db új design szett
Ezek csak az EXTRA-s
oldalamon láthatók

http://semilin.extra.hu

 

  Ha kérdésed van, írj a FÓRUM-ba!

 
Gyere máskor is!
 
semilin

 

 

 

 

 

           

     

     

SMS hirdetőfal - Megéri!
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
Hírlevél! Iratkozz fel!
E-mail cím:

Feliratkozás
Leiratkozás
SúgóSúgó
 
Látogatottság
Indulás: 2007-07-04
 
Szavazás
Lezárt szavazások
 

 


 

Page Ranking Tool

 

PageRank Kereső optimalizálás


 

 

 

Az oldal elköltözött, frissítések itt már nem lesznek!!! Gyere az új helyre: http://webdesign-graphic.hu Klikk!!!

HTML tanfolyam
HTML tanfolyam : 8. lecke - Játék a betükkel, fényújság

8. lecke - Játék a betükkel, fényújság

  2008.02.01. 19:04


8. lecke

Játék a betükkel, fényújság készítése

Bizonyára láttál már jártadban-keltedben olyan reklámot, amelyben valamilyen szöveg mozog. Ezt nevezik fényújságnak. Azt szeretnénk elérni, hogy a weboldalunkon is legyen ilyen mozgó szöveg. Nagyon jól jön, ha a mondanivalónkat figyelemfelkeltően, mégis viszonylag kicsi, behatárolt területen szeretnénk tudatni a látogatókkal. A gportalon előszerettel használják pl. a legújabb frissítések közlésére vagy a látogatók üdvözlésére. Az utasítás, amivel megvalósítjuk alkalmas arra is, hogy képeket (pl. buttonokat) mozgassunk vele.

Mint általában a HTML utasítások, ezt is "kacsacsőrők" fogják közre és lezáró része is van:

<marquee>...paraméterek ...</marquee>

Lássunk egy példát, amin keresztül megismerheted a paramétereket:

Így néz majd ki:

 

Balra úszik a szöveg!    Ha kérdésed van, írj a FÓRUM-ba!

És a kódja:

Vegyük sorra a paramétereket ill. a beágyazott utasításokat:
 
style="...."  - a "dobozunk" stílusát határozzuk meg vele
border  - a doboz szegélyének mérete pixelben (1px) ha nem kell szegély, elhagyható
dashed  - a szegély szaggatott vonal (ez már ismerős a 6. leckéből) elhagyható
   lehet még : dotted - pontozott
                    double - dupla
                    groove - bevágott
                    ridge -  kiálló
                    inset  - bemélyített
                    outset  - kiálló
#FF0000  - a szegély színe (piros) elhagyható
font-size  - betüméret pixelben (12px)
scrollamount  - a mozgás sebessége (nagyobb szám=gyorsabb mozgás)
direction  - a mozgás iránya
                   left   - balra
                   right - jobbra
                   up    - felfelé
                   down - lefelé
height  - a doboz magassága pixelben (25)
with  - a doboz szélessége pixelben (400)

Ezzel a paramétereket be is fejeztük, nézzük a beágyazott utasításokat. (Ezek már ismerősek!)
 
<p align="center">  </p>  - a szöveg középre igazítása (up ill. down irány esetén)
<strong>...</strong>  - a szöveg félkövér lesz
<font color="#ffffff>...</font>  - a betük színe, a pontok helyére írd a szöveget
 - szóköz (3 db)
ha a mozgás iránya up ill. down, akkor ezek helyére           soremelést kell tenni, kódja: <br>

Nézzünk néhány pédát a kóddal együtt. Ezeket kimásolhatod, majd alakítsd kedvedre!

Jobbra úszik a szöveg!    Ha kérdésed van, írj a FÓRUM-ba!

  Jobbra úszik a szöveg


Felfelé úszik a szöveg!


Ha kérdésed van, írj a FÓRUM-ba!

  Felfelé úszik a szöveg




Lefelé úszik a szöveg!


Ha kérdésed van, írj a FÓRUM-ba!

  Lefelé úszik a szöveg



Balra begördül a szöveg!

Begördül a szöveg
 


Ha jól megnézed a kódot, egy újabb paraméterrel bővült : behavior="slide"  --> begördülés


Váltakozó a szöveg! Ha kérdésed van, írj a FÓRUM-ba!

  Váltakozó a szöveg



A "behavior" paraméter most : behavior="alternate" --> váltakozó

 

TIPP:
Jelöld ki a neked tetsző kódot, majd másold a vágólapra (Ctrl+C) Ezután klikkelj a kódpróba dobozba és másold be (Ctrl+V) A Megtekintésben egyből megnézheted. A kódpróba dobozban változtasd a paramétereket, mindig nézd meg az eredményt. Ha már minden OK, mentsd el magadnak  saját kódodként:))))

 

KÓDPRÓBA



Jó szórakozást, szerkesztgetést! A következő leckében ugyanezt eljátsszuk képekkel!

Egy klikkelés és már nyomatódik az oldal


 

Írásaim, Verseim, Gondolatok ~ Norina Wallace Oldala    *****    Egy párkapcsolati elemzés,összehasonlítás,segít abban, hogy harmonikus, biztonságos döntést hozzál, felelõsen és idõben!    *****    A születési horoszkóp olyan információkhoz juttat, amelyek fontosak, fejlõdésünkhöz,valamint, egészségünk megtartásához!    *****    and i know now that this world will never be enough    *****    Rendeld meg születési horoszkópod és a 3 éves ajándék elõrejelzésed, nagyon sok segítséget kaphatsz a továbbiakhoz!!!!!!    *****    Rendkívül részletes személyiség és sors analízis + 3 év elõrejelzés, diplomás asztrológustól. Rendeld meg most! Kattints    *****    "A mágia se nem rossz, se nem jó. Csak az a fontos, mire használod." - SZEREPJÁTÉK    *****    KONOHA.HU - Naruto és Shippuuden rajongói oldal és fanfiction. - KONOHA.HU - KONOHA.HU - KONOHA.HU - KONOHA.HU - KONOHA.    *****    Blog, regények, hangulatok, zenék, vagyis minden, ami egy kicsit én, egy kicsit Nova-Time    *****    Vannak ésszel megmagyarázhatatlan dolgok. Ilyen a halál, a mágia és a végzet. FÓRUMOS SZEREPJÁTÉK, mert játék az élet :)    *****    Vannak ésszel megmagyarázhatatlan dolgok. Ilyen a halál, a mágia és a végzet. - FÓRUMOS SZEREPJÁTÉK, mert játék az élet    *****    SKAM - SKAM France (S08) - wtFock (S05) - Druck - SKAM Italia és a többi! Folyamatosan bõvülõ magyar tartalmak! - SKAM    *****    "amit Ava Morris akar, azt Ava Morris megkapja, még holtában is"    *****    "a varázslat mindig megköveteli az árát"    *****    "Más kérdés, vajon milyen sokáig lehet mindkét végén égetni ugyanazt a gyertyát, mielõtt teljesen leég."    *****    "Az Elsõk bástyaként állnak a város lakói és az õket fenyegetõ természetfeletti csapások között."    *****    Cameron Ward, a mosoly mögött rejtõzõ ármány. Csak ne feledd: jobb, ha sosem fordítasz hátat neki. - canon karakter    *****    Üdvözlöm! Tetõ felújítás elött áll? Nem találta meg a megfelelõ szakembert? Nézze meg a weboldalam! Ács-Tetõfedõ mester    *****    THE HANDMAID'S TALE - Egy szerepjáték a Szolgálólány meséjének világában - THE HANDMAID'S TALE    *****    FRPG, különleges történetek, számtalan választható karakter, önálló cselekményszálak, lelkes csapat. Csatlakozz!