Hódító / Queosia forum

Hódító / Queosia forum (http://forum.hodito.hu/index.php)
-   PC (hardver, szoftver, játékok stb.) (http://forum.hodito.hu/forumdisplay.php?f=28)
-   -   Web szerkesztés (http://forum.hodito.hu/showthread.php?t=149)

N.a.t. 04-11-2008 19:38

Quote:

Originally Posted by Darkmaster (Post 169382)
Mingyá' elpirulok a sok dícséretől, de ezek majd ráérnek akkor, ha elkészült :)



Ááááá, ez csak az előfutam volt :ĐĐ Ne tudd meg mit kapsz ha elkészült ;ĐĐ
(És mit ha nem :$ :O :ĐĐĐĐĐĐĐĐĐĐĐ)

Redback 03-18-2011 19:06

Ez a kép lenne a menüje, egy oldalnak, amit készítünk haverral versenyre. Azt meg tudtam oldani, ( map - area ) hogy sokszög alakban lehet az egyes menüpontokra kattintani. Azt viszont nem, hogy hover-ben máshogy nézzenek ki. Esetleg valami ötlet? Ha lehet, akkor HTML-CSS, esetleg JS. http://img827.imageshack.us/img827/7421/menuwk.png

Dew 03-18-2011 23:37

Quote:

Originally Posted by Redback (Post 283799)
hover-ben máshogy nézzenek ki. Esetleg valami ötlet? Ha lehet, akkor HTML-CSS, esetleg JS.

photoshop? :p mondjuk sötétebb/világosabb árnyalatra színezni azt a részt, és ha feléviszed az egeret, akkor az "átszínezett" jelenik meg? (esetleg, mint a menüpont backgroundimage-e? akár el is takarva az alatta lévő "alap képet")
(a sokszög alak miatt nem vagyok biztos, hogy lehet-e ilyet... :o de négyzetnél ez járható út, remélem itt is :))

Redback 03-19-2011 09:43

Quote:

Originally Posted by Dew (Post 283837)
photoshop? :p mondjuk sötétebb/világosabb árnyalatra színezni azt a részt, és ha feléviszed az egeret, akkor az "átszínezett" jelenik meg? (esetleg, mint a menüpont backgroundimage-e? akár el is takarva az alatta lévő "alap képet")
(a sokszög alak miatt nem vagyok biztos, hogy lehet-e ilyet... :o de négyzetnél ez járható út, remélem itt is :))

Első gondolatom nekem is hasonló volt. De sajna nem működik. Szóval azzal van a gond, hogy hogyan tudom hover-ben megváltoztatni annak a résznek (sokszögnek?) a tulajdonságát.

Dew 03-19-2011 11:41

Quote:

Originally Posted by Redback (Post 283853)
Első gondolatom nekem is hasonló volt. De sajna nem működik. Szóval azzal van a gond, hogy hogyan tudom hover-ben megváltoztatni annak a résznek (sokszögnek?) a tulajdonságát.

nem tudom a sokszöged hogy van megadva... de ha az eredeti ötletnél maradok, és a képet menüpontokra darabolva rakod be, akkor a képnél tudsz olyat megadni, hogy "onmouseover", meg "onmouseout".

Code:

<img id="menu1" onmouseover="kepcsere()" onmouseout="visszacsere()".....
js-ben meg pl:

Code:

procedure kepcsere() { document.getElementById('menu1').src='menu1hover.jpg'; }

procedure visszacsere() { document.getElementById('menu1').src='menu1.jpg'; }

de mindenesetre a menüpontjaidat (egyenként) ha belerakod egy div-be vagy span-ba, amiknek adsz ID-t (pl menu1, menu2, vagy fooldal, kontakt, stb...) akkor már tudsz hivatkozni a bennük lévő hivatkozásra, képre bármire.

A Grinzingi borozó weboldalán is ilyen képekkel oldották meg a menüpontokat, bár annyival egyszerűbb, hogy sima négyszögek a menüpontok.
Code:

http://www.grinzingi.hu/
(amúgy nagyon nem tetszik a weboldal, mert mindent pozicionálással raktak oda ahol van... kis felbontáson is pont ugyanannyira van a bal oldaltól a tartalom, mint egy bazinagy monitoron... nem is elegáns megoldás, és nem is szép a kinézete, ha nem pont azon a felbontáson nézed, amire csinálták)

Redback 03-19-2011 11:48

Ha sima négyszögek lennének, lazán megoldanám CSS-ben is, semmi JS nélkül. De mivel ilyen sokszög az alakja, nem, hogy lehet háttered adni neki :/ De azért köszi a fáradtságot :)

Dew 03-19-2011 11:50

Quote:

Originally Posted by Redback (Post 283853)
Első gondolatom nekem is hasonló volt. De sajna nem működik. Szóval azzal van a gond, hogy hogyan tudom hover-ben megváltoztatni annak a résznek (sokszögnek?) a tulajdonságát.

jahh, és a kérdésedre meg nem válaszoltam... :o

szóval még nem csináltam ilyen sokszöges cuccot, nem tudom hogy néz ki, de ha adsz neki ID-t (ha máshogy nem lehet, akkor div-be bele a sokszöget, és a div-nek adni ID-t), akkor css-ben tudsz rá hivatkozni így:

mondjuk ID='menu1'
Code:

#menu1 a:hover { .... }

Dew 03-19-2011 11:55

Quote:

Originally Posted by Redback (Post 283867)
Ha sima négyszögek lennének, lazán megoldanám CSS-ben is, semmi JS nélkül. De mivel ilyen sokszög az alakja, nem, hogy lehet háttered adni neki :/ De azért köszi a fáradtságot :)

hmm... és az egész képet nem tudod kicserélni? ha a menu1 felé viszed az egeret, akkor az egész háttérképet cseréli le olyanra, amin a menu1 van színezve... (előtte töltesd be a képeket a weboldal megnyitásakor, hogy ne legyen az, hogy akkor tölti be... :p)
nem valami szép megoldás, de ha más nincs... :)

Redback 03-19-2011 11:58

Quote:

Originally Posted by Dew (Post 283869)
hmm... és az egész képet nem tudod kicserélni? ha a menu1 felé viszed az egeret, akkor az egész háttérképet cseréli le olyanra, amin a menu1 van színezve... (előtte töltesd be a képeket a weboldal megnyitásakor, hogy ne legyen az, hogy akkor tölti be... :p)
nem valami szép megoldás, de ha más nincs... :)

még JS-es haver próbál valamit megoldani, ha nem sikerül, akkor szerintem menüt cserélünk, valami dobozosra, mert ezzel van még egy-két gond :)

Dew 03-19-2011 12:32

Quote:

Originally Posted by Redback (Post 283870)
még JS-es haver próbál valamit megoldani, ha nem sikerül, akkor szerintem menüt cserélünk, valami dobozosra, mert ezzel van még egy-két gond :)

:) szélesítsétek meg a tollat, és akkor ráfér vízszintesen a felirat... :P vagy ha a bal szélétől a jobb széléig megy a felirat, úgy is kifér... :)


All times are GMT +1. The time now is 03:08.

Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Design partly based on Hódító's design by Grafinet Team Kft.

Contents and games copyright (c) 1999-2020 - Queosia, Hódító

Partnerek: Játékok, civ.hu