|
|
|
Hódító / Queosia forum
http://queosia.com
http://hodito.hu
|
|
PC (hardver, szoftver, játékok stb.) Minden, ami számítógép. Kedvenc játékod megbeszélése, segítségkérés hardverügyben stb. |
04-11-2008, 19:38
|
Member
|
|
Join Date: Feb 2008
Posts: 242
Activity: 0%
Longevity: 88%
|
|
Quote:
Originally Posted by Darkmaster
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 :ĐĐĐĐĐĐĐĐĐĐĐ)
|
03-18-2011, 19:06
|
|
Member
|
|
Join Date: Jun 2007
Location: Nyíregyháza
Posts: 2,975
Activity: 0%
Longevity: 92%
|
|
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.
__________________
Redológia (#455305) [1/A] [SZK]
Non omnis moriar (#701164) [3/G]
|
03-18-2011, 23:37
|
|
Member
|
|
Join Date: Oct 2008
Location: Budapest
Posts: 556
Activity: 0%
Longevity: 85%
|
|
Quote:
Originally Posted by Redback
hover-ben máshogy nézzenek ki. Esetleg valami ötlet? Ha lehet, akkor HTML-CSS, esetleg JS.
|
photoshop? 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... de négyzetnél ez járható út, remélem itt is )
|
03-19-2011, 09:43
|
|
Member
|
|
Join Date: Jun 2007
Location: Nyíregyháza
Posts: 2,975
Activity: 0%
Longevity: 92%
|
|
Quote:
Originally Posted by Dew
photoshop? 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... 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.
__________________
Redológia (#455305) [1/A] [SZK]
Non omnis moriar (#701164) [3/G]
Last edited by Redback; 03-19-2011 at 09:47..
|
03-19-2011, 11:41
|
|
Member
|
|
Join Date: Oct 2008
Location: Budapest
Posts: 556
Activity: 0%
Longevity: 85%
|
|
Quote:
Originally Posted by Redback
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)
|
03-19-2011, 11:48
|
|
Member
|
|
Join Date: Jun 2007
Location: Nyíregyháza
Posts: 2,975
Activity: 0%
Longevity: 92%
|
|
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
__________________
Redológia (#455305) [1/A] [SZK]
Non omnis moriar (#701164) [3/G]
Last edited by Redback; 03-19-2011 at 11:51..
|
03-19-2011, 11:50
|
|
Member
|
|
Join Date: Oct 2008
Location: Budapest
Posts: 556
Activity: 0%
Longevity: 85%
|
|
Quote:
Originally Posted by Redback
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...
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 { .... }
|
03-19-2011, 11:55
|
|
Member
|
|
Join Date: Oct 2008
Location: Budapest
Posts: 556
Activity: 0%
Longevity: 85%
|
|
Quote:
Originally Posted by Redback
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... )
nem valami szép megoldás, de ha más nincs...
|
03-19-2011, 11:58
|
|
Member
|
|
Join Date: Jun 2007
Location: Nyíregyháza
Posts: 2,975
Activity: 0%
Longevity: 92%
|
|
Quote:
Originally Posted by Dew
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... )
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
__________________
Redológia (#455305) [1/A] [SZK]
Non omnis moriar (#701164) [3/G]
|
03-19-2011, 12:32
|
|
Member
|
|
Join Date: Oct 2008
Location: Budapest
Posts: 556
Activity: 0%
Longevity: 85%
|
|
Quote:
Originally Posted by Redback
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...
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT +1. The time now is 20:09.
|
|
|
|
|
|
|