MAUSEOVER


Mikor kezdő internetes voltam,borzasztóan irigyeltem azoknak az oldalát,ahol mauseover és egyéb java-cuccok voltak.Most már van jópár ilyenem,de azért a mauseover egy klassz kis színfolt minden oldalon.A psp-ben olyan egyszerű elkészíteni,hogy 10 perc,és azt kérdezed:ennyi volt?Persze előbb készítsd el a két gombot,ezek fogják váltani egymást,ha az egér fölénavigál.Vagy el róla,vagy duplakattintáskor.Ezt is eldöntheted.A két kép méretének meg kell egyeznie,különben csúnya "ugrabugra" lesz csak belőle.Szóval megvan a két kép,mentsd el őket egy mappába.Kattints az "image slicer",vagy "image mapper" ikonra!



A következő panel jelenik meg:



Döntsd el,hogy milyen formátumban mented a mauseovert,és ennek megfelelően állítsd be az "optimize cell" értékeit.Azt javaslom,hogy ha nincs transzparens része a képeknek,akkor jpeg-ként,ha pedig van,akkor gifként,és ügyelj,hogy a háttérszín egyezzen!A jpeg-hez nem is kell nyúlni!Az URL-t,vagy linket a html-ben is megadhatod,de így látod majd a pontos helyét.Klikk a "rollover creator"-ra,és ezt látod:




Itt látható,hogy az egérkurzor mely funkcióihoz lehet mozgást rendelni.Nekünk az első kettő kell,ezek párt alkotnak.Megkeressük a gombokat és ok.Visszatértünk az előző panelra,most is kell a "save settings",mert bár nem szeleteltük fel a képeket,mégis a program felismerhetővé teszi őket a html-nek.Amit jó tudni,hogy három kép lesz!A mentés jön,ez html.formátumban lészen.Mind a képeket,mind a html-t mentsd a saját html-szerkesztődbe,így csak át kell másolni a kódot,és egyből működni fog a mauseover,nem kell a képek beillesztésével bajlódni!




Most jön a lényeg!Megnyitod a html-szerkesztődet,valamint azt az oldalt,amire a mauseovert szeretnéd tenni.Megnyitod továbbá a html-t, amit az előbb mentettél a psp-ben.Azon már mőködik is a dolog,de át kell másolni az oldaladra.A "begin table"-től az "end table"-ig kell másolni,majd az oldaladra beilleszteni.Itt újra beilleszted a képeket a szerkesztővel,mert csak akkor fognak megjelenni.Ügyelni kell a helyes beillesztésre!Megoldható a képeknek a html-szerkesztő "templates" mappájába való áthelyezésével is,vagy a fent említtet közvetlenül templates-be mentéssel..És készen is vagyunk!Próbáld ki!







Üdv!Jó rajzolást!












intearsdesign2008 all rights reserved!