Az el�z� leck�ben �tvett�k a t�bl�zat alapvet� tulajdons�gait. Miel�tt belefogn�nk az �g�rt glitteres modulkeret k�sz�t�s�be, m�g egy dolgot megmutatok. A t�bl�zat "h�ttere" nemcsak adott sz�n lehet (bgcolor="#000000"), hanem k�p is.

A k�p megv�laszt�s�n�l itt is �gyelni kell arra, hogy mozaikszer�en fogja kit�lteni a t�bl�zatot. �gyan�gy, ahogy az 1. leck�ben le�rtam az oldalh�tt�rn�l. Teh�t �rdemes viszonylag kicsi �s homog�n, text�ra-szer� k�pet v�lasztani. A v�lasztott k�pet m�sold abba a k�nyvt�rba, ahol majd a leend� HTML oldalad lesz, vagy megadhatod egy el�z�leg m�r felt�lt�tt k�p URL-j�t� is (http://....)

Az �ltalam v�lasztott k�p ez lesz: ��� a k�p neve: fond0021.gif

P�ty�gd be az al�bbi utas�t�st a Jegyzett�mbbe (a k�p neve hely�re a saj�todat �rd):

Nekem �gy n�z ki:

�

J�l l�tszik, hogy a v�lasztott k�p mozaikszer�en kit�lti a rendelkez�s�re �ll� 400 pixel sz�les, 4 �res sort ("Shift+Enter"-t) tartalmaz� t�bl�zatot. Nincs szeg�ly, cellak�z, cellamarg�, mindh�rom �rt�k nulla. A background="...k�p neve vagy URL-je...." param�terrel val�s�tottuk meg.

Tipp: ha egy t�bl�zat sor�ban vagy oszlop�ban "helyet", �res sort akarsz l�trehozni, akkor a megfelel� helyre sz�rd be a "<br>"-t. A gportal szerkeszt�j�ben ezt a "k�dot" a Shift+Enter billenty�k egyidej� lenyom�sa hozza l�tre. (L�sd a "Hogyan" men� " "T�l nagy sort�vols�g" c. cikket)

Ha nem akarod lementeni a m�vedet, csak ki akarod pr�b�lni, p�ty�gd be ide a k�dot (csak akkor fogod l�tni a k�pet, ha URL-t adsz meg, azaz el�tte felt�lt�d valahov� a k�pedet!)

�

Siker�lt, ugye? Mert csak akkor mehet�nk tov�bb!

Glitteres modulkeret k�sz�t�se egym�sba �gyazott t�bl�zatok seg�ts�g�vel

Pap�rb�l hogyan k�sz�ten�l keretet? Kiv�gsz egy t�glalapot mondjuk arany sz�n� kartonb�l, �s egy kisebbet feh�rb�l. A nagy k�zep�re ragasztod a kicsit �s m�ris k�sz egy feh�r k�p, arany kerettel. Itt is ugyanezt fogjuk tenni.

K�v�lr�l haladunk befel�. El�sz�r azt a t�bl�zatot hozzuk l�tre, amelynek a h�tt�rszine (h�tt�rk�pe - pl. glitter) a majdani keret lesz. Az el�z� leck�b�l m�r tudjuk, hogy a keret "vastags�g�t" a cellak�z tulajdons�g (cellspacing) fogja meghat�rozni. Eml�kszel, ez az az �rt�k, amit�l a t�bl�zatban l�v� tartalom nem "ragad r�" a szeg�lyre. H�tt�rk�pnek pedig (background) kiv�lasztunk egy glitteres k�pet. Nekem a cellak�z 4 pixeles lesz. �me a k�d (az URL hely�re a saj�todat �rd!):

�gy n�z ki:

�

�

Csupa csili-vili, nem is l�tszik a cellak�z:)) Pedig m�ris k�sz az arany keret!

Most nyiss egy �res Jegyzett�mb�t �s abban hozzuk l�tre a majdani modulh�tteret. �jabb t�bl�zatot k�sz�t�nk, amelynek a h�tt�rk�p (background) tulajdons�g�t adjuk meg. �me:

�gy n�z ki:

�

�

K�sz is van a "feh�r pap�rt�glalap". Nincs m�s dolgunk, mint a feh�r t�glalpot "r�ragasztani" az arany t�glalapra, azaz egym�sba �gyazzuk a t�bl�zatokat.

Ennek menete a k�vetkez� �s most nagyon figyelj!

1. A m�sodik (feh�r) t�bl�zatot tartalmaz� k�dot m�soljuk a v�g�lapra. Jel�ld ki az eg�szet �s m�sol�s (Ctrl+C)
2. Nyisd meg az arany h�tter� t�bl�zatot tartalmaz� jegyzett�mb�t �s klikkelj a megfelel� helyre. (Sz�k�z - s�rg�val jel�lt r�sz -ut�n k�zvetlen�l!)
3. Most j�n a bem�sol�s : Ctrl+V (K�kkel jel�ltem a bem�solt r�szt)
4. T�r�ld a sz�k�zt ( s�rg�val jel�lt r�sz) az arany h�tter� t�bl�zatb�l.
5. K�sz is vagyunk! Az eg�sz k�dot bem�solod a gportalon egy egyszer� modulba "Forr�sk�d" ill. "<>" n�zetben, majd visszav�ltasz �s m�r l�tod is a gy�ny�r� modulkeretedet!
Ebbe azt�n j�hetnek a k�pek, sz�vegek, linkek, b�rmi, amit szeretn�l:)))

Nekem ilyen lett:

�

Feladat: K�sz�ts modulkeretet egym�sba �gyazott t�bl�zatokkal. Dupla kerete legyen. A k�ls� keret sz�less�ge 6, a bels�� 3 pixel legyen. A k�t keret k�z�tti t�vols�g 15 pixel. (Vigy�zz! Ez 4 db t�bl�zat egym�sba �gyaz�s�t jelenti, k�v�lr�l haladj befel�!!!)

Az eny�m ilyen lett:

�

�s a k�d:

Ha ezt j�l meg�rted �s gyakorlod, b�rmilyen keretet tudsz majd csin�lni:))

J� szerkeszt�st �s sz�rakoz�st!

�Egy klikkel�s �s m�r nyomat�dik az oldal