Időzóna: (GMT +1 óra) RSS - hozzászólások

Kilépés / belépés - grafikusan

Szerző
Üzenet
_zso2
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.07.25. Kedd 1:00
Hozzászólások: 2029
Hozzászólás Elküldve: 2007.01.11. 17:46    Hozzászólás témája: Kilépés / belépés - grafikusan
Hozzászólás az előzmény idézésével
Lövésem nincs, hova illene ez a topic (majd az illetékes eldönti, jó helyen van-e itt) :)

A kérdésem az lenne, hogy szerintetek hogy lehet azt megoldani, hogy a menüt teljes egészében grafikusan kezelve, normálisan működjék a kilépés / belépés is. Méghozzá úgy, hogy működjék a közkedvelt "MM_swapImage" függvény is.

A menü nagy részében már működik: nincs is vele semmi gondom. Azonban a kilépés/belépés egészen más kérdés, itt ugyanis egy helyen kellene 4 különböző képet lekezelni.
1 - Nincs belépve az oldalra a paciens - nincs az egér a gombon. (login3.jpg)
2 - Nincs belépve az oldalra a paciens - az egér a gombon van. (login2.jpg)
3 - Be van lépve az oldalra a paciens - nincs az egér a gombon. (logout3.jpg)
4 - Be van lépve az oldalra a paciens - az egér a gombon van. (logout2.jpg)

Alapból azt, hogy az egér a gombon van, le tudom kezelni. Sőt, azt is, hogy amikor nincs az egér a gombon, megfelelő legyen a felirat. Azt azonban lövésem nincs, hogy oldjam meg, hogy a "MM_swapImgRestore" függvény JÓ KÉPRE cserélje vissza a cuccost, mikor elviszem róla az egérmutatót.

Gyakorlatileg itt tartok:
overall_header.tpl ide vonatkozó része:

Kód:

<a href="{U_LOGIN_LOGOUT}" class="mainmenu"  onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Log','','idenemtudommilyenképettegyek.jpg',1>{L_LOGIN_LOGOUT}</a>


lang_main.php ide vonatkozó része:

Kód:

$lang['Login'] = '<img src="templates/AdInfinitum/images/login3.jpg" alt="Belépés" name="Log" width="77" height="30" border="0">';
$lang['Logout'] = '<img src="templates/AdInfinitum/images/logout3.jpg" alt="Kilépés" name="Log" width="77" height="30" border="0">';

_________________
Tapasztalást pénzért venni vagy hagyományképpen kapni nem lehet - fizetni kell azért mindég és mindegyiknek.

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
fberci
Adminisztrátor
Adminisztrátor
Avatar

Csatlakozott: 2005.05.28. Szombat 1:00
Hozzászólások: 7388
Hozzászólás Elküldve: 2007.01.11. 19:03    Hozzászólás témája: Más alaptechnika:
Hozzászólás az előzmény idézésével
Javascript nem ajánlom, hogy használj.

Helyette használj CSS-t, ami mellesleg meg is könnyíti az életed: http://wellstyled.com/css-nopreload-rollovers.html

Adj egy osztályt a linknek attól függően, hogy be van-e lépve (ez dönti majd el az alapbeállítást), ezután a :hover-rel tudsz mahinálni (képet elmozdítani), a visszacseréléssel se kell törődni. :wink:

Szerintem válaszd külön az első és a második kettő esetet (külön képet adj nekik).

Szerk.: Ja, és az a tageknek add a hátteret, hogy az IE is felismerje.

Hogy a szöveges böngészőkben is minden jól menjen az a tagnek adhatsz szöveges tartalmat is (kilépés, belépés), majd azt az elemen kívülre pocizionálhatod (ha nem érted, szólj, akkor megpróbálok keresni egy linket).
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
_zso2
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.07.25. Kedd 1:00
Hozzászólások: 2029
Hozzászólás Elküldve: 2007.01.11. 19:19    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Jöhet a link :)

Ha van egy példa, már menni fog.

*** UPDATE ***

Ez baromi jó, és egyszerű :) Nem is tudom, hogy nem jöttem rá korábban? :) Egyedül a szöveges rész "területen kívülre pozicionálásával" van gondom. Azt hogyan?
_________________
Tapasztalást pénzért venni vagy hagyományképpen kapni nem lehet - fizetni kell azért mindég és mindegyiknek.

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Időzóna: (GMT +1 óra) RSS - hozzászólások
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés