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
 
   
                                   

 

                                                              


SELENA GOMEZ MAGYARORSZÁG - TUDJ MEG TÖBBET SELENA GOMEZ MAGÁNÉLETÉRÕL, SZERELMÉRÕL, CSALÁDJÁRÓL, KARRIERÉRÕL!    *****    HA TE IS IMÁDOD A ZÖLD ÍJÁSZ VILÁGSIKERÛ SOROZAT ELBÛVÖLÕ SZERELMESPÁRJÁT AKKOR ITT A HELYED! MAGYAR OLICITY SITE    *****    The Vampire Diaries & The Originals szerepjáték - ha kedveled a sorozatokat és írni is szeretsz, ne habozz!    *****    Rendhagyó kedvezményt ajánlok Nektek, Te monhatod meg, hogy mi legyen az ára. Pl.: Születési, párkapcsoklati, horoszkóp.    *****    KÖNYVismertetõk, kötelezõ olvasmányok    *****    BOOKFANCLUB -> A könyvek birodalma elvezet a képzelet csendes világába!<<-BOOKFANCLUB    *****    Ingyenes, korlátlan képfeltöltés!!! www.kepfeltolto.eu    *****    Autista - Állatbarát - Homoszexuális - Intelligens - Kívülálló - Mûvészlélek - Segítõkész - Toleráns    *****    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,Design!    *****    HAT ÉVE ONLINE! - LÁTOGASS EL MAGYARORSZÁG EGYETLEN MÛKÖDÕ SELENA GOMEZZEL FOGLALKOZÓ OLDALÁRA! - HAT ÉVE ONLINE!    *****    A SZULTÁNA: HÍREK - KÉPEK - SOROZATISMERTETÕK - TÖRTÉNELMI INFÓK - ÉRDEKESSÉGEK MINDEN MENNYISÉGBEN A SOROZATRÓL    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Itt a nyár! Kivirágzott a mályva és a pipitér! Hogy mit szólt ehhez a két virágmanó? Gyere, és olvasd el a Mesetárban!    *****    STITCHERS - Magyarország egyetlen oldala a természetfeletti krimi-drámasorozatról! A Stitchers sorozatot megéri nézni!    *****    Nézz Élõ live filmet gportalon. Klikk klikk klikk.    *****    Gréti. 23. Egyetemista. Chevelle. Rap. Jégkorong. Ottawa Senators. Jean-GabrielPageau. Írás. Olvasás. Blog. (:    *****    Élõ live mozifilmek. Ha szereted a filmeket, sorozatokat, meséket akkor itt a helyed!    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    ARIANA GRANDE TODAY - MAGYARORSZÁG EGYETLEN ARIANA GRANDÉVAL FOGLALKOZÓ HONLAPJA - TUDJ MEG RÓLA MINDENT    *****    KOSEMBLOG.GP//A MAGYAR "A SZULTÁNA" RAJONGÓI OLDAL//BY: KÖSEM// KOSEMBLOG.GP//MINDEN, AMI KÖSEM...