Tudunk m�r csin�lni csili-vili keretes h�tteret, vannak benne szebbn�l szebb k�pek, sz�vegek. Sz�p, sz�p, de valami hi�nyzik... Ez �gy - b�rmilyen sz�p - m�gis csak egy statikus oldal. Vigy�nk bele egy kis mozg�st, dinamik�t! J� lenne p�ld�ul, ha egy k�pre vagy sz�vegre klikkelve megny�lna egy m�sik oldal, vagy k�p, vagy b�rmi.

Egy HTML oldalon ezt a dinamik�t - azaz a vez�rl�st - linkek seg�ts�g�vel oldjuk meg.

Ebben a leck�ben csin�lunk egy saj�t men�t! L�ssunk hozz�!

FONTOS: miel�tt elkezded, tudnod kell annak az oldalnak, k�pnek vagy f�jlnak az URL c�m�t, amelyre majd a link mutat.

Hogyan tudom meg egy k�p URL c�m�t (el�r�si �tvonal�t)?

Klikkelj a felt�lt�tt k�pre, hogy eredeti m�ret�ben l�sd,�majd jobb klikk a k�pen �s a felbukkan� men�b�l v�laszd a�"Tulajdons�gok"-at. �jabb ablak ny�lik meg, amib�l ki kell m�solni a k�p URL c�m�t.

Jel�ld ki, ahogy a k�pen l�tod, majd m�sol�s (Ctrl+C). Ezzel a v�g�lapra ker�lt a k�p URL c�me. (Ha akarod le is �rhatod magadnak, de pontosan �m:)))

Ezt az oldalt fogom megcsin�lni, �gy n�z majd ki:

MEN� F�oldal Bannerem � �

Az el�z� leck�kb�l m�r ismert egym�sba �gyazott t�bl�zatokkal kezd�nk. Csin�lj egy t�bl�zatot, a h�ttere lesz majd a keret, 350 pixel sz�less�g�t. (Nekem� glitteres)

Ebbe �gyazz egy m�sik t�bl�zatot, a h�ttere legyen valamilyen sz�n, vagy k�p. (Ha nem megy, menj vissza a 4. leck�hez.) �rd bele k�z�pre, hogy "MEN�".

Ez eddig �gy n�z ki nekem:

MEN� �

Itt a k�dja, ellen�rizd:

K�kkel jel�ltem az els� (glitteres) t�bl�zatot, pirossal a bele�rt sz�veg k�dj�t. A fennmarad� feh�r r�sz a be�gyazott t�bl�zat k�dja. Ezzel megvoln�nk, tegy�k f�lre.

Mivel azt szeretn�nk, hogy minden men�pont el�tt legyen egy k�pecske �rdemes egy �jabb t�bl�zatot csin�lni. Legyen k�t oszlopa, egyik a k�pnek, m�sik a sz�vegnek. Annyi sora legyen, ah�ny men�pontot szeretn�l. A p�ld�nkban 2 soros, 2 oszlopos t�bl�zatra van sz�ks�g�nk.
Nem adunk meg sz�less�get, mert azt �gyis a legels� t�bl�zat hat�rozza meg (350 pixel), el�g, ha %-ban adjuk meg. A 100% azt jelenti, hogy t�ltse ki a rendelkez�sre �ll� helyet. A k�t oszlop fele-fel ar�nyban - 50-50%- osztja fel a helyet. A border legyen "0", hogy ne l�tsz�djon a t�bl�zat.

Most k�vetkezik a k�pek �s a sz�vegek beilleszt�se. A t�bl�zat els� oszlop�nak minden sor�ba betessz�k a k�pet.Rem�lem m�r megvan a k�ped URL-je, mert most lesz r� sz�ks�g. Ha eddig k�vetted, amit �rtam akkor a k�p URL c�me a v�g�lapon van, mert kim�soltad Ctrl+C-vel. J�n a k�p beilleszt�s�re szolg�l� <img> parancs. Ha nem vagy biztos benne, n�zd �t �jra az 5. leck�t!

TIPP: p�ty�gd be a fenti parancsot az src=" -ig, majd Ctrl+V-vel bem�solod az URL c�met!
Ezut�n folytasd a p�ty�g�st. �gy biztosan nem lesz benne "helyes�r�si" hiba:))

Beillesztj�k a t�bl�zatba (z�lddel jel�ltem)

A t�bl�zat m�sodik oszlop�nak soraiba be�rjuk a sz�veget (s�rg�val jel�ltem) �s a cellak�z �rt�k�t 5-re �ll�tjuk, hogy a sz�veg ne "ragadjon r�" a t�bl�zat szeg�ly�re (k�k).

M�r mennyit dolgoztunk �s m�g sehol semmi link. A p�ld�nkban a "F�oldal" sz�vegre egy HTML oldal linkj�t tessz�k, a "Bannerem" sz�vegre pedig egy k�p URL-j�t. Mindkett� k�l�n ablakban fog megny�lni, ha r�klikkel a l�togat� a linkre.

N�zz�k v�gre a link parancsot: ������ <a href="....."></a>

Param�terek:

target="..." - meghat�rozza, milyen ablakban ny�ljon a link. Lehets�ges �rt�kek:
���������������������� _blank�� - �j ablakban
���������������������� _parent� - "sz�l�" ablakban (abban az ablakban, amely a linket tartalmazza)
���������������������� _self ����� - azonos ablakban
���������������������� ha ezt a param�tert nem adjuk meg, akkor az oldal alap�rtelmez�se �rv�nyes.
���������������������� Megadhatunk itt frame nevet is, de ezt most hagyjuk.

href="...oldal vagy k�p URL-je..." - ez fog megny�lni, ha r�klikkelsz

A font utas�t�ssal form�ztuk a sz�veget. F�lk�v�rr� tett�k (b) �s adtunk sz�nt neki.

Ha eddig b�rtad t�relemmel, ne add fel, mindj�rt k�szen vagyunk. M�r csak ezeket a linkeket kell betenni a t�bl�zat megfelel� hely�re, mutatom:

V�g�l ezt a t�bl�zatot be kell illeszteni az el�z�leg elk�sz�tett glitteres t�bl�zatba.
A teljes k�dot let�ltheted innen: Link_kezel�s

Nem olyan bonyolult �m, mint amilyennek l�tszik! Elismerem, sok t�relem kell hozz�, de meg�ri!

GPORTAL-osoknak:
A Gportal Tartalom menedzsere ezt a k�dot� automatikusan legener�lja. Mikor k�sz vagy a glitteres t�bl�zattal, a k�dot m�sold be egy egyszer� modulba. Aztut�n v�lts vissza editor n�zetbe �s a sz�veg, k�p, link beilleszt�s�t m�r el tudod v�gezni az editor megfelel� ikonjaival.
A Tartalom menedzser ikonjair�l az "Egyszer� modul szerkeszt�se" cikkben olvashatsz.

Itt gyakorolhatsz:

�