AR Design
Haladóknak
Haladóknak : Képváltós menü

Képváltós menü


Ezzel a kóddal készíthetsz olyan menüt, amiknek a menüpontját képek alkotják. A lényeg, hogy valamilyen programban el kell készítened a menüpontok képeit. Értelemszerűen minden menüpontnak két kép kell: az egyik, ami alap állapotban jelenik meg, és a másik, ami akkor, ha ráviszik az egeret. Ez a fajta menüs megjelenés nagyon praktikus, hiszen csak a fantáziád szab határt! :)
A menü vízszintesen és függőlegesen is megjeleníthető. A bemutatott kódban a menüpontok egymás alatt lesznek, ha egymás mellé szeretnéd rakni, akkor annyi a dolgod, hogy töröld a kódból ezt: <br />

1.Demó:




2.Demó:

Kód:

<a onMouseOut="if(document.images) document.portalodneve.src='01 KÉP URL-je';
"onMouseOver="if(document.images) document.portalodneve.src='02 KÉP URL-je';
"href="LINK"><img height="15" alt="" width="130" border="0" name="portalodneve"
src="01 KÉP URL-je" /><br /></a>


document.portalodneve.src <= a portalodneve helyére írd a portálod nevét, pl.: document.nevek.src
01 KÉP URL-je <= annak a képnek az URL-je, ami alap jelenik meg, ezt kétszer kell megadni egy kódon belül!
02 KÉP URL-je <= annak a képnek az URL-je, ami akkor jelenik meg, ha rávisszük az egeret
LINK <= annak a modulnak az URL-je, amire szeretnél hivatkozni
height="15" <= a kép magassága
width="130" <= a kép szélessége
name="portalodneve" <= értelemszerűen a portalodneve helyére megy a portálod neve, pl.: name="nevek"

A fenti kóddal egy menüpont jeleníthető meg. Amennyi menüpontot szeretnél, annyiszor másold a kódot egymás alá, s töltsd ki a fentiek szerint.
FONTOS! Ha a második menüpont következik, a portalodneve (document.portalodneve.src és a name="portalodneve") helyére ne csak a portálod nevét írd, hanem egy kettes számot is, példa: document.nevek2.src és a name="nevek2", és ezt minden újabb menüpontnál növeld eggyel. Tehát a harmadik menüpontnál már 3-ast írsz, a negyediknél 4-est...

A biztos megértés miatt, a demó kódját itt megtekintheted:

<a onMouseOut="if(document.images) document.nevek.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg';
"onMouseOver="if(document.images) document.nevek.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080267_07.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek2.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg';
"onMouseOver="if(document.images) document.nevek2.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080250_72.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek2"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek3.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080240_21.jpg';
"onMouseOver="if(document.images) document.nevek3.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080228_27.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek3"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080240_21.jpg" /><br /></a>

Megj.: egy portálon több modulba is helyezhetsz ilyen menüt, csak nem szabad elfelejtened a portálod neve utáni számokat. Tehát ha van egy képváltós menüd, amiben tegyük fel 4 menüpont van, akkor a következő képváltós menüben az első menüpontnál a portalodneve után az ötös számot írd. S ugyanúgy növeld eggyel a számokat.

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Vonatozzunk együtt a gyereknapon! Robogjatok Budapesten vagy Balatonfenyvesen, vagy készítsetek kisvonatot a Mesetárban!    *****    Filmes hírek és kritikák lelõhelye. ÚJ oldal, ami filmekkel és színészekkel foglalkozik. Nézz be most és máskor is!    *****    Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról | Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról    *****    HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON    *****    KÖNYVAJÁNLÓK - ha nem tudod mit olvass, itt találhatsz hozzá inspirációt - BOOKISLAND    *****    Loki rajongók! Fan Fiction és egyéb történetek! Gyere és olvass nálam kedvedre! Ha tetszik, claim loyalty to me! (Loki)    *****    Ayang - Avagy milyen is a világ az én szememmel    *****    LÉGY A MAGAD ASZTROLÓGUSA és segíts másoknak is az asztrológia tanaival!    *****    Társszerkesztõket keresek a dakotajohnson.tk újranyitásához.Ha érdekel és szeretnél jelentkezni kattints a részletekért!    *****    Április 22. a Föld napja! Az ünnep alkalmából cifraszûrös juhászlegény vár benneteket a Mesetárban! Nézzetek be hozzánk!    *****    Asztrológiai tanácsadás, részletes elemzésekkel, a legkedvezõbb áron és teljesen ingyenes konzultáció, idõkorlát nélkül!    *****    Egy jégkorong-rajongó lelkészgyakornok lány blogja - ha van kedved, nézz be, szeretettel látlak :) Gréti    *****    Minden Kedves látogatómat szeretettel várom Asztrológia oldalamon, ahol az oktatás INGYENES, az elemzés BECSÜLET-KASSZÁS    *****    Ayang Avagy milye is a világ az én szememmel    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha    *****    BOOKISLAND -> A könyvek birodalma elvezet a képzeletünk világába! <- BOOKISLAND    *****    KUTYA VS MACSKA, MELYIK AZ OKOSABB? SZAVAZZ! FÉLSZ A ROBOTOKTÓL, VAGY SEM? MONDD EL! KUTYA VS MACSKA!KUTYA VS MACSKA!!!!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Online Gyermekáruház és bababolt Több ezer termékkel olcsón, országos kiszállítással!    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha