--->>> 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 : 4. lecke - Modulkeret készítése, egymásba ágyazás

4. lecke - Modulkeret készítése, egymásba ágyazás

  2008.01.18. 22:51


4. lecke

Táblázatok egymásba ágyazása


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


 

A FÉRJFOGÁS és a FÉRJMEGTARTÁS TITKAI, a SZERELEMRÕL MINDEN, a BOLDOG SZEXUÁLIS ÉLEThez vezetõ út: PSP    *****    PÁRKAPCSOLATI és SZEXUAL PARAPSZICHOLÓGIA: PSP alternatív spirituális tanácsadó képzés abszolút kezdõknek és haladóknak    *****    Hogyan kell a SZERELMET BEVONZANI ÉS MEGTARTANI? Mi a BOLDOG SZERELEM TITKA? A PSP-n megtudhatod!    *****    Minden amit TUDNI AKARSZ A SZERELEMRÕL ÉS A SZEXRÕL: PSP Párkapcsolati tanácsadó képzés * SZERELEM SZEXUALITÁS    *****    Magyarország egyetlen Olicity és legaktívabb Arrow rajongói oldala! Minden infó az aktuális 6. évadról és egyéb finomság    *****    Megjelent a The Sims 4 legújabb kiegészítõje, a Laundry Stuff Pack. Vajon megéri megvenni? Derítsd ki Te magad!    *****    Állatok - Könyvek - Zene - HobbiZoona Blog - Állatok - Könyvek - Zene - HobbiZoona Blog - Állatok - Könyvek - Zene -Katt    *****    Lépj be a lovak csodálatos világába! Nevelj te is nálunk! KATT KATT KATT KATT    *****    Nem lehet saját lovad? Nevelj virtuálisan ITT! Nevelj, versenyezz, licitálj szebbnél szebb lovakra!    *****    -Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!-    *****    The Resident - A kórházi drámasorozat január 21-én indul Matt Czuchry és Emily VanCamp fõszereplésével! Nézzetek be!    *****    Mindenféle kérdésedre õszinte választ kaphatsz a valódi Kérdõasztrológia segítségével.    *****    Részletes személyiség és sors analízis / születési horoszkóp / ajándék 3 év elõrejelzéssel. Most érdemes ide látogatni!!    *****    Ha diplomás asztrológust keresel, aki BECSÜLET KASSZÁS alapon ad tanácsot és INGYEN OKTAT, akkor keress bizalommal!    *****    A BIOTÉRKÉP AZ IGAZI KARMA! MEGMUTATJA PONTOSAN,MILYEN FELADATTAL SZÜLETTÉL.EGY PRÓBÁT MEGÉR. SOK SEGÍTSÉG MINDEN NAP!!!    *****    Megnyitott a madárvendéglõ! Gyertek vendégségbe ti is Mályvához és Pipitérhez! Irány a Mesetár!    *****    Megnyitottam cikkes, véleményes blogomat! Sok-sok érdekes bejegyzéssel várlak naponta, ne hagyd ki! - Alice    *****    Sztárokról és idolokról írok,ajánlókat hozok,tippeket és tageket osztok meg veletek!Nézz be egy blogkóros lány oldalára!    *****    Az igazi karma a horoszkópodban a Felszálló holdcsomópont,a Chiron,a Lilith (Fekete Hold),Rendeld meg most!Várlak, katt!    *****    családi adókedvezmény 2018 nyomtatvány letöltés, feltételek tudnivalók