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='http://nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg';
"onMouseOver="if(document.images) document.nevek.src='http://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="http://nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek2.src='http://nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg';
"onMouseOver="if(document.images) document.nevek2.src='http://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="http://nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek3.src='http://nevek.gportal.hu/portal/nevek/image/gallery/1250080240_21.jpg';
"onMouseOver="if(document.images) document.nevek3.src='http://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="http://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
 
   
                                   

 

                                                              


"Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    PROJECT DC egy futurisztikus-disztópikus SZEREPJÁTÉK! Bármikor szívesen látjuk a csatlakozókat!    *****    Ne maradj le semmirõl, értesülj elsõ kézbõl a Selena Gomezzel kapcsolatos hírekrõl! Hat éve várja a látogatókat az oldal    *****    Református exmisszus-gyakornok, jégkorong, izomautók, rap zene. Igen, ez mind én vagyok! Hogyan? Nézz be és megtudod! :)    *****    Szeretsz írni? Lenne egy jó témád, amit megosztanál másokkal? Akkor kattints, és nyerj egy vendégposztot nálam! :)    *****    Kedveled Ian Somerhaldert? Odáig vagy a szépséges színésznõért, Nina Dobrevért? Kattints! Nem csak TVD rajongóknak!    *****    Szeretsz filmet nézni? Akkor itt a helyed! Nézz filmet facebook messengeren. Klikk ide!!!!    *****    MAYFLOWER / egy májusban született lány blogja / MAYFLOWER / egy májusban született lány blogja / MAYFLOWER    *****    DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE! DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE!    *****    ***Egy blog. Egy lány. Egy élet.*** Ðzsí blogol. *G-PORTÁL KÖZÖSSÉGMENTÉS ugyanitt. Ha hiányzik a régi közösség.*BLOG***    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Nézz filmet facebook messengeren!!!! Klikk! Klikk!    *****    ONMYMIND \\ EGY ÁTLAGOS SRÁC BLOGOL MINDENRÕL AMI ESZÉBEJUT \\ ZENE, CIKKEK, KRITIKA? KATTINTS ÉS OLVASS MOST KEDVEDRE    *****    **********Rengeteg AKCIÓ! Vegyszermentes kozmetikmok és bio mosó és tisztítószerek, munkalehetõséggel! ***********    *****    OKTATÁS INGYENESEN az ASZTRO-suliban, Asztrológiai tanácsadás BECSÜLET KASSZÁS alapon! Fordulj hozzám bizalommal!    *****    Bûbájos boszorkák - Charmed - Hírek a folytatásról - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed -    *****    LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT * LORDE * ISMERD MEG TE IS * LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG    *****    Nem értesz a CSS kódokhoz/nem tudod egyedül fenntartani oldalad/szeretnél egy társszerkesztõt? Írj nekem! - sakura-ec.gp    *****    ISMERD MEG A GYÖNYÖRÛ OSCAR-DÍJAS SZÍNÉSZNÕT, ALICIA VIKANDERT, AKI A 2018-AS TOMB RAIDER LARA COFTJÁT FOGJA ALAKÍTANI!