| Autor | Zpráva | ||
|---|---|---|---|
| pe3s Profil * |
#1 · Zasláno: 20. 12. 2012, 17:03:38
Dobry den, potřebuju pomoc s css a html kodem pro taktovéto menu:
Jak na to? Vim ze se to da udelat, ze si udelam obrazek po jednotlivou polozku a tu pak pouzivam, ale ja bych chtel vedet neco efektivnejsi. Diky za pomoc |
||
| Yeti Profil * |
#2 · Zasláno: 20. 12. 2012, 19:53:43
Proč se bráníš obrázkům? myslím, že obrázky jsou nejjednodušší a zároveň asi i nejefektivnější způsob jak to udělat :)
Po najetí myší stačí provést jednoduchou javascriptovou funkci, která ti ten obrázek vymění. + je docela dobré si udělat, aby se ty obrázky, které jsou vydět až po najetí myší, načetly hned, když se načítá stráka... |
||
| pe3s Profil * |
#3 · Zasláno: 20. 12. 2012, 20:06:08
Yeti:
Takze spravit z toho .png v tvare tych sipok a napozicovat to zapornym marginom dolava?? |
||
| Yeti Profil * |
#4 · Zasláno: 20. 12. 2012, 20:27:27
Udělal byhc to tagem <map>:
Vtip je v tom, že si vytvoříš obrázek, jak to menu má vypadat. Může to být přesně ten, co jsi sem dal. Pak si buď ručně, nebo pomocí nějakého porgramu (já jsem to dělal pomocí GIMPu) nadefinuješ jednotlivé oblasti <area> a nastavíš do nich jako odálost onMouseOver="window.document.mapa.src = 'obrazek_over1.png';" Příklad, ja by to mohlo vypadat: <map name="map">
<area shape="rect" coords="0,0,31,28"
onmouseover="window.document.mapa.src = 'obrazek_over1.png';"
onmouseout="window.document.mapa.src = 'defaultni_obrazek.png';"
href="odkaz.html" alt="odkaz 1"/>
<area shape="rect" coords="0,0,31,28"
onmouseover="window.document.mapa.src = 'obrazek_over2.png';"
onmouseout="window.document.mapa.src = 'defaultni_obrazek.png';"
href="odkaz2.html" alt="odkaz 2"/>
<area shape="rect" coords="0,0,31,28"
onmouseover="window.document.mapa.src = 'obrazek_over2.png';"
onmouseout="window.document.mapa.src = 'defaultni_obrazek.png';"
href="odkaz3.html" alt="odkaz 3"/>
</map>
<img src="defaultni_obrazek.png" width="131" height="29" border="0" usemap="#map" name="mapa"/> * shape="" - to ti vygeneruje ten GIMP, záleží, jeslti pužíváš čtverec, kolečko, nebo nějaký n-úhelník ** coords="" - to ti taky vygeneruje GIMP, udává to souřadnice v tom defaultní obrázku, kam když najedeš myší se změní ten jiný obrázek, popřípadě, pokud klikněš do těchto souřadnic tak se stránka odkáže na tvůj odkaz. |
||
| Taurus Profil |
#5 · Zasláno: 20. 12. 2012, 21:35:51
Proboha, map a javaskript na obyčejné horizontální menu?
Vždyť to co je v prvním příspěvku je běžná praxe, kterou efektivněji dělat nelze. Dokonce i bez javaskriptu, aby se obrázky načetly hned - stačí mít oba stavy (hover, obyč) v jednom obrázku. |
||
| Tonny Profil * |
#6 · Zasláno: 20. 12. 2012, 21:47:02
Uznávám, že v tomhle "oboru" nejsem nějak zvlášť zkušený, ale myslím, že pokud by to udělal jendotlivými obrázky, tak by potom ty konce, nebo začátky šipek aktivovaly špatný hover a popř. i odkázaly na špatný odkaz, ale je určitě možné, že se pletu.
Vím, že pomocí <map> by to 100% fungoval, pokud je nějaká snadnější metoda pak určitě použí jí :) |
||
| Taurus Profil |
#7 · Zasláno: 20. 12. 2012, 21:52:46
Když pominu fakt, že taková drobnost je zanedbatelná, máme tu taky marginy...
|
||
| pe3s Profil * |
#8 · Zasláno: 21. 12. 2012, 19:56:14
vyresil sem to zapornym marginem a png obrazkem. Dik za pomoc
|
||
|
Časová prodleva: 11 let
|
|||
0