Szeretnnk egy honlapot az internetre feltlteni, de nem tudjuk hogyan kezdjnk bele ? Egyszer, kell egy weblap s egy kiszlgl/szerver ahova regisztrljuk magunkat ez lehet ingyenes, vagy fizets (domain nv ) Itt tallsz egy kis linkgyjtemnyt ingyen trhelyekrl.
Elsnek kell egy weblap amit fel szeretnnk tlteni.
Nzznk egy pldt. Tlts le egy res lapot html szerkezettel. Ha ezt tnevezed index.html - nek akkor ez lesz a kezdlapod. Nem kell kln berni semmit, csak amit regisztrltl nevet, mondjuk Jani.uw.hu akkor az index.html fog bejnni mint kezdlap s a rajta lv tartalom. Az index.html fjl-t ne mappba tltsd fel, hanem a gykrknyvtrba.
Gykrknyvtr: Amit kzvetlenl tltesz fel a szerverre s nincs kln mappban. A gykrknyvtr jn be ha csatlakozol total commanderrel, amit ide teszel, azt kzvetlen elrssel tudod elrni. Ha pldul feltltesz egy kpet aminek a neve 1.gif akkor az elrse 1.gif lesz. Ha a gykrknyvtrba tltesz fel egy images mappt s abba teszed a kpet, akkor az elrse: images/1.gif lesz. Ha ezt az res lapot tnevezted s feltlttted a regsiztrlt oldaladra be kell jnnie a rajta lv tartalomnak.
A lenti plda egy egyszer plda a html szerkezet felptsre. A <html> a bngsznek mutatja meg, hogy ez nem egy szvegfjl, hanem egy html szerkezet weblap.. a <head> ez a nyittag. <title>...</title> Ez az oldalad cme amit adsz a weblapodnak, clszer olyat megadni ami jellemzi a honlapodat. Fell a fejlcen fog megjelenni.</head>fejlc vge.<body bgcolor=... a httrszn, betszin, hivatkozs szine s a mr ltogatott link szine hatrozhat meg. ( black helyett hasznlhatsz pl #000000 szinkdot is.
<body> Innen kvetketzik a tartalma a honlapnak.
Ez egy plda ez fog megjelenni. </body> a szveg/trzs vge.</html> gy vgzdik a html dokumentumod.
Ksz is van az index.html azaz a kezdlapunk, de ez gy tl res.....
2.Lecke
Tblzatok, cellk.
Mirt van szksgnk tblzatokra ? Mert sokan ms ms kpernyfelbontst hasznlunk s ha nem szeretnnk, hogy egy szveg sztcssszon, mindenkinl mshol jelenjen meg, akkor tblzatot kell alkalmaznunk. Egy egyszer plda tblzat. Ha a magassgot akarod megadni egyszeren hozzrod az els sorhoz, gy fog kinzni: <table border="1" width="300" height="40">
<table border="1" width="300">
<tr>
<td>
<p>1sor/1cella</p>
</td>
<td>
<p>1sor/1cella</p>
</td>
</tr>
<tr>
<td>
<p>2sor/1cella</p
</td>
<td>
<p>2sor/2cella</p>
</td>
</tr>
</table>
Eredmny::
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
Nzzk kzpre igaztva a szveget.
<table border="1" width="300">
<tr>
<td>
<p align="center">1sor/1cella</p>
</td>
<td>
<p align="center">1sor/1cella</p>
</td>
</tr>
<tr>
<td>
<p align="center">2sor/1cella</p>
</td>
<td>
<p align="center">2sor/2cella</p>
</td>
</tr>
</table>
Eredmny:
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
Nzzk ugyanazt a tblt kicsit mskpp: Ha nem px(pixelt) adsz meg mretnek hanem resen hagyod, akkor az opera s mozilla mskpp jelenti meg !
<table width="300" style="border-width:1px; border-color:black; border-style:solid;" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="##66CCFF" style="border-width:1px; border-color:red; border-style:solid;">
<p align="center">1sor/1cella</p>
</td>
<td bgcolor="#6699FF" style="border-width:1px; border-color:red; border-style:solid;">
<p align="center">1sor/1cella</p>
</td>
</tr>
<tr>
<td>
<p align="center">2sor/1cella</p>
</td>
<td>
<p align="center">2sor/2cella</p>
</td>
</tr>
</table>
Eredmny:
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
Vagy kombinlhatjuk is:
<table width="300" style="border-width:1px; border-color:black; border-style:none;" cellpadding="0" cellspacing="0">
<tr>
<td style="border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:dashed;">
<p align="center">1sor/1cella</p>
</td>
<td style="border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:0px; border-color:black; border-style:dashed;">
<p align="center">1sor/1cella</p>
</td>
</tr>
<tr>
<td bgcolor="#6699FF" style="border-width:1px; border-color:black; border-style:solid;">
<p align="center">2sor/1cella</p>
</td>
<td bgcolor="#6699FF" style="border-width:1px; border-color:black; border-style:solid;">
<p align="center">2sor/2cella</p>
</td>
</tr>
</table>
Eredmny:
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
Nzznk egy tblzatot, amelyben a szveget igazitjuk.
<table width="300" style="border-width:1px; border-color:black; border-style:solid;" cellpadding="0" cellspacing="0" height="100">
<tr>
<td bgcolor="#6633FF" style="border-width:1px; border-color:red; border-style:solid;" align="left" valign="baseline">
<p>1sor/1cella</p>
</td>
<td bgcolor="#6699FF" style="border-width:1px; border-color:red; border-style:solid;" align="center" valign="middle">
<p>1sor/1cella</p>
</td>
</tr>
<tr>
<td align="left" valign="bottom" bgcolor="#CC6600">
<p>2sor/1cella</p>
</td>
<td align="right" valign="bottom" bgcolor="#6666FF">
<p>2sor/2cella</p>
</td>
</tr>
</table>
Eredmny:
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
Igaztsuk a tblt a tblzatban.
<table border="1" width="300" align="center">
<tr>
<td>
<p>1sor/1cella</p>
</td>
<td>
<p>1sor/1cella</p>
</td>
</tr>
<tr>
<td>
<p>2sor/1cella</p>
</td>
<td>
<p>2sor/2cella</p>
</td>
</tr>
</table>
Eredmny:
A kka ftblnk. Ezen bell is a tblkt, cellkat lehet helyezni. Ez a tbla Default azaz balra van igaztva a tbla benne pedig kzpre.( Center)
|
A kka ftblnk. Ezen bell is a tblkt, cellkat lehet helyezni. Ez a tbla Default azaz balra van igaztva a tbla benne pedig kzpre.( Center)
|
1sor/1cella |
1sor/1cella |
|
2sor/1cella |
2sor/2cella |
|
Egyszer gombhats navigl tbla. Egy pldjt itt is (a letlthet weblapoknl ) megnzheted.
Alapban van egy trszes tblnk. Ami jelen esetben 500x20 pixel. Ahoz, hogy ne keljen mindig a gif-et, vagy jpeg gombot cserlni feliratozni, gy is megoldhatjuk, hogy csinlunk egy ilyen kis tblt, s az elksztett gombot httrknt alkalmazzuk a tblba felirat nlkl
500x20 tbla:
<table align="center" border="0" cellpadding="0" cellspacing="0" width="500" height="20" bgcolor="#6699FF">
<tr>
<td width="100" style="border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:solid;">
<p align="center">Link1</p>
</td>
<td width="100" style="border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:solid;">
<p align="center">Link2</p>
</td>
<td width="100" style="border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:solid;">
<p align="center">Link3</p>
</td>
<td width="100" style="border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:solid;">
<p align="center">Link4</p>
</td>
<td width="100" style="border-width:1px; border-color:black; border-style:solid;">
<p align="center">Link5</p>
</td>
</tr>
</table>
A tblk: ( Lehet hosszabb, vagy szlesebb is a tbla, vagy a cellk mrett is vltoztathatod. )
Ahoz, hogy ezt a tblt kajuk a giffel a httrben, ahoz ezt a sort kell megvltoztatni :
Errl
<table align="center" border="0" cellpadding="0" cellspacing="0" width="500" height="20" bgcolor="#6699FF">
Erre
<table align="center" border="0" cellpadding="0" cellspacing="0" width="500" height="20" bgcolor="#6699FF" background="gomb1.gif">
Igaz, hogy gy nem vltozik a gomb szne (onmouseover) csak a link, a felirat szine, de gy egyszer a feliratcsere egy gombon, s nem kell eltlts a kpeknek.
gy fognak kinzni httrgiffel a tblk:
A gif pedig egy egyszer photoshoppal ksztett kis gif, felirat nlkl. Ha httrknt tesszk be, tudjuk gyorsan knnyen cserlni a feliratot. Itt most csak azrt flkvr a bet ha rmsz az egrrel mert az oldal alapja.
Termszetesen brmilyen alak giffet tehetsz httrknt, teheted cellnknt is, akr ms s ms giffet.
A szveg szinnek vltoztatst az egrrel val tallkozskor az alapokban megtallod rszletesen.
Alkalmazhatod a lenti gomsor szerint is (onmouseover) Ha egrrel rmsz, akkor ms gif tltdik be. Errl majd a kpek beillesztse leckben lesz sz.
Gombhttereket tallsz a letltsek menpont alatt, vagy kattints ide.
2.Lecke
Tblzatok, cellk.?
3.Lecke
Szvegformzs.
Clszer olyan bettpust vlasztanunk ami a legtbb ember gpn teleptve van. Ha nem adunk mekhjkg. Ha nem adunk meg tpust, akkor a ltogat bngszjnek alapbelltsai szerint jelennek meg s az lehet, hogy nem ugyanaz mint ahogy a lapot tervezted. <FONT face="Arial, Verdana, Times New Roman, sans-serif"> gy megadhatod az alapot, de adhastz minden szvegtrzsnek bettipust betmrtet.
<p><font size="3" face="Arial">ez Arial</font></p>
<p><font size="2" face="Verdana">ez Verdana</font></p>
<p><font size="3" face="Times New Roman">ez Times New Roman</font></p>
Eredmny:
ez Arial
ez Verdana
ez Times New Roman
Szvegdszts:
<b> flkvr lesz. ez Arial
<u> alhzott ez Arial
<i> dlt ez Arial
<strike> kzpen thzott ez Arial
Teht akkor a teljes sor gy fog kinzni: <p><font size="3" face="Arial"><b>ez Arial</font></p>
Adhatunk meg heading azaz <h1>Ide a szveg<h1> dszitst is.
<h1><font face="Times New Roman">ez Arial</font></h1>
Eredmny:
ez Arial
Sznek.
<font color="red">Piros</font>
vagy
<font color="#FF0000">Piros</font>
Mind a kett ugyanaz, csak az egyk # jellel kezddik s a hat szmmal vgzdik mg a msik az alapsznek szavait adja meg.
Szveg htternek szinezse:
<span style="background-color:red;">Most ez a piros</span>
Eredmny:
Most ez a piros
Szt is tolhatjuk:
<span style="letter-spacing:10px;">Toljuk szét</span>
Eredmny:
Toljuk szt
<span style="word-spacing:21; letter-spacing:0px;">Toljuk szét de csak a szóközt.</span>
Eredmny:
Toljuk szt de csak a szkzt.
Szveg formzsa:
Ahogy tbszr lertam a szveget clszer formzni, hogy mindig mindenkinek gy jelenjen meg a veblapunk ahogy mi kpzeltk el. Erre egy egyszer kd amit a forrsba illeszthetnk:
<FONT face="Verdana, Arial, Tahoma, sans-serif" FONT size="2">
Formzs mskpp: Css.
Egy szetett de egyszer plda a css hivatkozsa:
<style>
<!--
A.type1:link {color:#000000; text-decoration:none;}
A.type1:visited {color:#000000; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decoration:none;}
A.type1:hover {color:#990000; text-decoration:underline;}
A.type2:link {color:#6600FF; text-decoration:underline;}
A.type2:visited {color:#6600FF; text-decoration:underline;}
A.type2:active {color:#6600FF; text-decoration:underline;}
A.type2:hover {color:#000080; text-decoration:underline;}
A.type3:link {color:##FF9900; text-decoration:none;}
A.type3:visited {color:##FF9900; text-decoration:none;}
A.type3:active {color:#00CCFF; text-decoration:none;}
A.type3:hover {color:#FF8000; text-decoration:underline;}
A.type4:link {color:#FF5577; text-decoration:underline;}
A.type4:visited {color:#FF2234; text-decoration:underline;}
A.type4:active {color:#445566; text-decoration:underline;}
A.type4:hover {color:#334455; text-decoration:underline;}
//-->
</style>
<style> script above.
<font size="2">
</font>
</style>
<a class="type1" href="#">hivatkozs</a>
<a class="type2" href="#">hivatkozs</a>
<p><a class="type4" href="#">hivatkozs</a>
<p><a class="type3" href="#">hivatkozs</a>
Eredmnye.( Megnzem )
A hivatkozsnl a megfelel rszre kell hivatkozni: <a class="type1" href="#">hivatkozs</a>
Ilyenkor az 1-essel jellt rsz szinei rvnyeslnek !
Mi van olyankor ha nem megy a hivatkozs ha trod a szveget, nem fog vltozni a szne ha rmsz egrrel ?
Ennek az az oka, hogy trld a szveget a hivatkozsnl, akkor trld a hivatkozshoz tartoz dolgokat is. pl: az n lapjaim esetben a hivatkozs gy nz ki:
<a class="type1" href="elrsi t">ide rod a hivatkozst.</a>
Ehez tartozik egy style rsz is:
<style>
<!--
A.type1:link {color:#000000; text-decoration:none;}
A.type1:visited {color:#000000; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decorati0on:none;}
A.type1:hover {color:#990000; text-decoration:underline;}
//-->
</style>
Teht ha nem teszed ezt bele: <a class="type1", akkor nem fog rvnyeslni a css.A teljes sor gy fog kinzni:
<a class="type1" href="http://weboldaladcme.hu">hivatkozs</a> Ha ez nagyon nem megy akkor egy nagyon egyszer tipp, hogy megtartsd a hivatkozsoknak az eredeti css rszeit (pl: ha rmsz a szvegre, akkor elszinezdik, vagy alhzott lesz) A legegyszerbb ha fogod a szerkeszt programodat ( lehet notepad is ) s a hivatkozst gy rod t, hogy nem trld. Ezt, hogy lehet ? Egyszer. Van egy hivatkozsod, mondjuk: Fotalbum. Akkor ezt ne trld, hanem rj bele a kzepbe, monjuk a Fot-utn rd be a te szvegedet legyen: Zenim: gy fog kinzni:FotZeniamalbum. Ezek utn trld a Fot rszt s az album rszt s a css megmaradt. Ezek utn csak rd t az elrsi utat, ahol a zenid vannak :))
3.Lecke
Szvegformzs.
3.Lecke
Szvegformzs.
Clszer olyan bettpust vlasztanunk ami a legtbb ember gpn teleptve van. Ha nem adunk mekhjkg. Ha nem adunk meg tpust, akkor a ltogat bngszjnek alapbelltsai szerint jelennek meg s az lehet, hogy nem ugyanaz mint ahogy a lapot tervezted. <FONT face="Arial, Verdana, Times New Roman, sans-serif"> gy megadhatod az alapot, de adhastz minden szvegtrzsnek bettipust betmrtet.
<p><font size="3" face="Arial">ez Arial</font></p>
<p><font size="2" face="Verdana">ez Verdana</font></p>
<p><font size="3" face="Times New Roman">ez Times New Roman</font></p>
Eredmny:
ez Arial
ez Verdana
ez Times New Roman
Szvegdszts:
<b> flkvr lesz. ez Arial
<u> alhzott ez Arial
<i> dlt ez Arial
<strike> kzpen thzott ez Arial
Teht akkor a teljes sor gy fog kinzni: <p><font size="3" face="Arial"><b>ez Arial</font></p>
Adhatunk meg heading azaz <h1>Ide a szveg<h1> dszitst is.
<h1><font face="Times New Roman">ez Arial</font></h1>
Eredmny:
ez Arial
Sznek.
<font color="red">Piros</font>
vagy
<font color="#FF0000">Piros</font>
Mind a kett ugyanaz, csak az egyk # jellel kezddik s a hat szmmal vgzdik mg a msik az alapsznek szavait adja meg.
Szveg htternek szinezse:
<span style="background-color:red;">Most ez a piros</span>
Eredmny:
Most ez a piros
Szt is tolhatjuk:
<span style="letter-spacing:10px;">Toljuk szét</span>
Eredmny:
Toljuk szt
<span style="word-spacing:21; letter-spacing:0px;">Toljuk szét de csak a szóközt.</span>
Eredmny:
Toljuk szt de csak a szkzt.
Szveg formzsa:
Ahogy tbszr lertam a szveget clszer formzni, hogy mindig mindenkinek gy jelenjen meg a veblapunk ahogy mi kpzeltk el. Erre egy egyszer kd amit a forrsba illeszthetnk:
<FONT face="Verdana, Arial, Tahoma, sans-serif" FONT size="2">
Formzs mskpp: Css.
Egy szetett de egyszer plda a css hivatkozsa:
<style>
<!--
A.type1:link {color:#000000; text-decoration:none;}
A.type1:visited {color:#000000; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decoration:none;}
A.type1:hover {color:#990000; text-decoration:underline;}
A.type2:link {color:#6600FF; text-decoration:underline;}
A.type2:visited {color:#6600FF; text-decoration:underline;}
A.type2:active {color:#6600FF; text-decoration:underline;}
A.type2:hover {color:#000080; text-decoration:underline;}
A.type3:link {color:##FF9900; text-decoration:none;}
A.type3:visited {color:##FF9900; text-decoration:none;}
A.type3:active {color:#00CCFF; text-decoration:none;}
A.type3:hover {color:#FF8000; text-decoration:underline;}
A.type4:link {color:#FF5577; text-decoration:underline;}
A.type4:visited {color:#FF2234; text-decoration:underline;}
A.type4:active {color:#445566; text-decoration:underline;}
A.type4:hover {color:#334455; text-decoration:underline;}
//-->
</style>
<style> script above.
<font size="2">
</font>
</style>
<a class="type1" href="#">hivatkozs</a>
<a class="type2" href="#">hivatkozs</a>
<p><a class="type4" href="#">hivatkozs</a>
<p><a class="type3" href="#">hivatkozs</a>
Eredmnye.( Megnzem )
A hivatkozsnl a megfelel rszre kell hivatkozni: <a class="type1" href="#">hivatkozs</a>
Ilyenkor az 1-essel jellt rsz szinei rvnyeslnek !
Mi van olyankor ha nem megy a hivatkozs ha trod a szveget, nem fog vltozni a szne ha rmsz egrrel ?
Ennek az az oka, hogy trld a szveget a hivatkozsnl, akkor trld a hivatkozshoz tartoz dolgokat is. pl: az n lapjaim esetben a hivatkozs gy nz ki:
<a class="type1" href="elrsi t">ide rod a hivatkozst.</a>
Ehez tartozik egy style rsz is:
<style>
<!--
A.type1:link {color:#000000; text-decoration:none;}
A.type1:visited {color:#000000; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decorati0on:none;}
A.type1:hover {color:#990000; text-decoration:underline;}
//-->
</style>
Teht ha nem teszed ezt bele: <a class="type1", akkor nem fog rvnyeslni a css.A teljes sor gy fog kinzni:
<a class="type1" href="http://weboldaladcme.hu">hivatkozs</a> Ha ez nagyon nem megy akkor egy nagyon egyszer tipp, hogy megtartsd a hivatkozsoknak az eredeti css rszeit (pl: ha rmsz a szvegre, akkor elszinezdik, vagy alhzott lesz) A legegyszerbb ha fogod a szerkeszt programodat ( lehet notepad is ) s a hivatkozst gy rod t, hogy nem trld. Ezt, hogy lehet ? Egyszer. Van egy hivatkozsod, mondjuk: Fotalbum. Akkor ezt ne trld, hanem rj bele a kzepbe, monjuk a Fot-utn rd be a te szvegedet legyen: Zenim: gy fog kinzni:FotZeniamalbum. Ezek utn trld a Fot rszt s az album rszt s a css megmaradt. Ezek utn csak rd t az elrsi utat, ahol a zenid vannak :))
3.Lecke
Szvegformzs.
4.Lecke
Kpek beillesztse, mretezse.
Nagyon sok weblap hasznl kpeket. Cljuk tbbfle is lehet. De a lnyeg, az eszttikus elhelyezs. Clszer a kpeket is tblkba(cellkba) helyezni gy ms kpernyfelbontsnl sem csszik szt a kpnk.
A beillesztend kdok pirossal vannak kiemelve !
Ez itt egy sima kp, keret nlkl.
Kp beillsztse: <img src="minta.jpg" width="120" height="100">
widht="120" - szlessg, height="100" magassg, vagy hosszsg.
Alt szveg megadsa: Ha az egeret a kp fl viszed, ez a szveg fog megjelenni:
<img src="minta.jpg" width="120" height="100" border="0" alt="Ide a szvegeedet rjad ami megjelenik ha az egeret a kpre viszed.">
A minta.jpg a kp neve. Ezt kell trni a te kped nevre.
Vagy adhatsz neki egysze keretet. <img src="minta.jpg" width="120" height="100" border="1">
border="1"- keretet adhatsz meg neki.
Vagy egy bonyolultabb keretet.
<img src="minta.jpg" width="120" height="100" style="border-width:1px; border-color:black; border-style:solid;">
Vagy adhatjuk meg gy is: Minden oldalnak kln megadhatjuk a keretvastagsgot.. Ilyenkor ha 0-van valamelyik rtk azon az oldalon nem lsz keret.
<img src="minta.jpg" width="120" height="100" border="0" style="border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:black; border-style:solid;">
Itt a kpen el van tlozva 5px van megadva, hogy ltszodjon. Lthatod baloldalt s alul a keret vastagabb.
A keretek lehetnek: none:(nincs), dotted:(pontok), dashed(vonal), solid: (folyamatos vonal), double: (dupla). VAgy lehet mg: groove, ridge, inset, outset.
Megadhatjuk, hogy minden oldalnak ms tmj kerete legyen.
<img src="minta.jpg" width="120" height="100" border="0" style="border-width:1px; border-color:black; border-top-style:dotted; border-right-style:double; border-bottom-style:dashed; border-left-style:solid;">
Itt minden oldalanak kln kln lehet adni keretvastagsgot, vagy stlust.
Adhatunk neki kln keretet kln sznt minden oldalnak: <img src="minta.jpg" align="left" width="120" height="100" border="0" style="border-width:1px; border-top-color:blue; border-right-color:red; border-bottom-color:white; border-left-color:black; border-top-style:dotted; border-right-style:double; border-bottom-style:dashed; border-left-style:solid;">
Hivatkozsok. Adhatunk meg a kpeknek hivatkozst. Ez arra j, ha rkattintunk, akkor bejn egy oldal, vagy a kp teljes mretben.
Teht a kp beillesztse: <img src="minta.jpg" width="120" height="100">
Ha rklikkelnk kijn egy j ablakban a teljes kp:
<a href="minta.jpg" target="_blank"><img src="minta.jpg" width="120" height="100">
Ha nem akarod, hogy kln ablakban nyiljon meg, akkor hagyd el a target="blank" rszt, vagy ki is javthatod self-re.
<a href="minta.jpg"><img src="minta.jpg" width="120" height="100">
Tblzatba val beszrs/fotalbum.
Ksztsnk egy tblzatot
|
|
|
|
|
|
|
Kp neve |
Kp neve |
Kp neve |
Kp neve |
Kp neve |
|
|
|
|
|
|
|
Kp neve |
Kp neve |
Kp neve |
Kp neve |
Kp neve |
AJÁNLOM AZ OLDALT
