![]()
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! |