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
 
   
                                   

 

                                                              


Astropapa-iskolája mindenkit szeretettel vár és INGYENES TANÁCSOT AD minden kedves érdeklõdõnek!    *****    Supernatural - ODaát - 13. ÉVad - Extrák - Infók - ÉRdekességek - ODaát - Supernatural - 13.ÉVad - Supernatural - ODaát    *****    A csillagjövõ oldalon,nem csak alacsonyak az árak, hanem a tanácsadás, teljesen ingyenes. Szeretettel várlak minden nap    *****    Új design! Az egyetlen magyar Olicity és a legaktívabb Zöld Íjász rajongói oldala! 6. évad & Arrowverse hírek!    *****    No.1 Christina Aguilera Fan Site - Minden ami X-Tina, minden héten újdonságok! Katt!    *****    TelenovelasWeb - Hírek, képek, videók, saját véleménnyel tarkított bejegyzések telenovellákról és a színészekrõl! Gyere!    *****    Hamarosan olvashatók lesznek az oldalamon az Asztro-tükör asztrológiai írásai, cikkei.    *****    Gesztenye, gesztenye, gesztenye... és egy álmos sün! Gyertek az októberi rétre Mályvával és Pipitérrel! Irány a Mesetár!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    Ha te is a letisztult stílus híve vagy, nézz be hozzám! Smink, ruha, kritika //Style and Stuff// Style and Stuff//    *****    MINDEN HÓNAPBAN INGYENES G-PORTÁL SABLON! TELJESEN ÁTSZERKESZTHETÕ A LEGÚJABB KÓDOKKAL! Ne maradj le egyik hónapban sem!    *****    Rendeld meg az asztrológiai csomagok egyikét és teljesen ingyen megbeszélheted velem a kérdéseidet telefonon, skypeon!!!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film! Film!Film!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!    *****    A CSILLAGJÖVÕ OLDALON RENDKÍVÜLI AKCIÓK,LEHETÕSÉGEK.A MEGRENDELÉSEK UTÁN TELJESEN INGYENES KONZULTÁCIÓ,TANÁCSADÁS.VÁRLAK    *****    Õszi manókalandok a réten! Búcsúztassátok el ti is útra kelõ madarainkat Mályvával és Pipitérrel! Gyertek a Mesetárba!    *****    | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale |    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Infrashape Horizontal fittness stúdió Debrecen    *****    WISE-VOGUE | SZISSZ ÉS KLAU BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE // WISE-VOGUE