Autor Zpráva
pe3s
Profil *
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 *
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 *
Yeti:
Takze spravit z toho .png v tvare tych sipok a napozicovat to zapornym marginom dolava??
Yeti
Profil *
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
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 *
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
Když pominu fakt, že taková drobnost je zanedbatelná, máme tu taky marginy...
pe3s
Profil *
vyresil sem to zapornym marginem a png obrazkem. Dik za pomoc

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: