Design 7
Mi is az a Design 7? A Design 7(röviden D7) egy Java Script alapú script,aminek segítségével a látogató az oldalunkat minden látogatás alkalmával más és más design-nal tekintheti meg.
Használat:
Először is készítsünk egy NEM G-portálos oldalt,az ULTRAWEB-et,vagy a 000WebHost-ot ajánlom.Én most az ULTRAWEB-et(röviden UW) fogom használni.Ezután hajtsuk végre az alábbi lépéseket:
-
Miután regisztráltunk és aktiváltuk az oldalunkat(az UW esetében) lépjünk be és kattintsuk a bal oldalt látható menüpontok közül a ,,WEB-FTP" feliratúra.És utána WEB-FTP indítása.
-
Ezután szükségünk lesz tetszőleges számú CSS fájlra,amiknek a neve az ABC betűivel kezdődik,azonban úgy,hogy NE HASZNÁLJUNK SE DUPLA,SE ÉKEZETES BETŰKET és ami a legfontosabb CSAK EGY BETŰBŐL ÁLLJON A FÁJLOK NEVE!
Ezek a CSS-ek fognak véletlenszerűen megjelenni,miközben az oldalt nézzük.
-
Töltögessük fel ezeket egyesével a nemrég létrehozott oldalunkra.Ha az UW-t választottuk akkor ezt a WEB-FTP-ben találjuk meg.
-
Ha feltöltöttük mindegyiket,akkor neki is láthatunk testreszabni a kódot,de ahhoz először legalább nagy vonalakban megkell értenünk,hogy hogyan müködik,ezért most ezt is megbeszéljük,közben mondom,hogy mit csináljunk:
Az első sorban készítünk egy új függvényt.Ehhez a sorhoz ne nyúljunk,mert akkor a kód nem fog müködni!
Ezután a második sorban egy változónak megadjuk egymás után felsorolva azokat a betűket,amikkel a CSS fájlok kezdődnek.Itt a zárójelek közötti részen láthatjuk azt,hogy abcdefg.Ide kell beírnunk egyszerűen, egymás mellé azokat a betűket,amikkel a fájljaink kezdődnek.Értelemszerűen annyi betűt kell odaírnunk,ahány fájlunk van és olyan betűket,amilyen nevű fájljaink vannak.
A következő sorban léterhozunk egy véletlenszámot és azt a random nevű változóban tároljuk.Itt a 7-es helyére azt a számot írjuk,ahány CSS fájlt szeretnénk használni.
Ezután a link nevű változóba tesszünk egy stíluslapot megadó HTML elemet(<link>),úgy,hogy a href tulajdonságát csak félig állítjuk be.Ebben a sorban a TEOLDALAD helyére értelemszerűen az előbb létrehozott oldalad nevét kell írni.
Aztán ugyanehhez a változóhoz hozzáadjuk az előbb létrehozott véletlenszám helyén található karaktert az első sorban beírt betűk közül.
Ezt követően még mindig ugyanehhez a változóhoz hozzáadjuk a kiterjesztést és lezárjuk a HTML tag-et.
Ha ez is megvan kiírjuk az imént létrehozott változó értékét.
Egyes régebbi böngészők miatt vissza is adjuk ezt az értéket a return kulcsszó segítségével.
Végül az utolsó sorban elindítjuk a függvényünket.
Utolsó lépésként mentsük el az imént megírt kódot .js kiterjesztéssel töltsük fel a saját GP-s oldalunkra,készítsünk egy háttér és keret nélküli valamelyik oldalra igazított(NE KÖZÉPRE) egyszerű modult és a forráskódjába írjuk be az alábbi kódot:
<script language="JavaScript" type="text/javascript" src=".JS_FÁJL"></script>
Írjuk át a .JS_FÁJL szöveget az előbb elmentett .js kiterjesztésű fájl címére és készen is vagyunk.Mentsük el az egyszerű modult.Ha mindent jól csináltunk az oldal minden egyes oldalának minden egyes megnyitásakor más és más design-nal kell megjelnnie.
|