|
9. lecke - Jtk a kpekkel, hirdet doboz
2008.02.05. 14:05
|
9. lecke
Jtk kpekkel - hirdet doboz |
|
Az elz leckben megtanultuk, hogyan lehet a MARQUEE
utasts segtsgvel mozg szvegeket elhelyezni weboldalunkon. Maradjunk
mg egy kicsit ennl az utastsnl s nzzk meg, hogyan hasznlhatjuk
kpek - pl. buttonok, bannerek - mozgatsra.
A pldnkban azt
szeretnm, ha a hirdetdobozban elhelyezett kpekre klikkelve, egy link
segtsgvel a kp eredeti mretben jelenne meg. Termszetesen pl.
buttonok vagy bannerek esetben a klikkelsre az adott oldal URL cmt
kell megadni link-knt.
Lssuk a pldt:
Kd:
 Jl
ltszik, hogy itt is egymsba gyazott utastsokkal dolgozunk. A
rzsasznnel jellt MARQUEE utastsba gyaztuk a kkkel jellt szveges
s a srgval jellt link ill. kp rszt megjelent utastsokat.
Vegyk sorra, mi mit jelent:
|
|
MARQUEE utastsban
(rzsaszn rsz) |
Az elz leckbl mr ismert paramterekkel egy 2
pixel szeglyvastagsg, zld szn (#008000) pontozott vonallal
hatrolt (dashed), 160 pixel szlessg, 120 pixel magassg dobozt
hoztunk ltre. A doboz httrsznt most nem sznknt, hanem
httrkppel hatroztuk meg a background-image:url('.....')
paramterrel.
A pontozott rsz helyre a te kped URL cmt kell rni. Ha nem akarsz
httrkpet, akkor ezt a paramtert egyszeren elhagyhatod, ilyenkor a
doboz "tltsz" lesz. |
|
|
P ill FONT utastsban
(kk rsz) |
A dobozban lv szveg tulajdonsgait adjuk meg.
Kzpre igaztott (align="center"), 12 pixeles (size=3), srga (color="yellow")
betkkel runk. A szveget a STRONG utastssal tesszk
flkvrr. A 2 db BR utasts 2 soremelst jelent. |
|
|
A ill. IMG utastsban
(srga rsz) |
Ezt a rszt annyiszor ismteljk, ahny kpet akarunk
elhelyezni a dobozban. A pldnkban 4x.
A link klikkelsre j ablakban nylik meg (target="_blank")
A href="...." paramterben a pontok helyre az eredeti mret kp URL
cmt kell rni. (Button vagy banner esetben a megnyitni kvnt
weboldal URL cme.)
Ezutn az IMG parancsban az src="....." paramterben a pontok helyre
a pici kp URL cmt adjuk meg. (Button vagy banner esetben a button
vagy banner kpnek URL cme) Pldnkban a pici kp mrete 90 pixel
szles s 120 pixel magas. |
Nem rtam le rszletesen az egyes utastsok paramtereit, hiszen
ezeket mr ismernnk kell az elz leckkbl:))
Az albbi pldkban a kdot kimsolhatod (Ctrl+C) majd az alul lv
kdprba dobozba bemsolhatod (Ctrl+V). Ott aztn alaktsd kedvedre,
mindig nzd meg az eredmnyt. Ha mr minden olyan, ahogy szeretnd, mentsd
el magadnak s mris csudaszp hirdet dobozaid lesznek:))
Felfel
Lefel
Jobbra
Balra
Kdprba (itt gyakorolhatsz)
|
|
|
|
|
AJÁNLOM AZ OLDALT
Belps
