Stránka 1 z 1

Lišta jako menu

Napsal: 10 kvě 2009 23:48
od Celsi
Zdravím.

Už dlouhou dobu hledám zpracovaný kod na lištu s odkazy.
Viz zde:
Obrázek

Lišta bude pod hl. obrázkem. Zadal jsem obrázek na šířku 100%, výšku 30, ale nemůžu za žádnou cenu dostat odkazy do obrázku. Nevím prosím někdo?

Re: Lišta jako menu

Napsal: 11 kvě 2009 07:01
od CZechBoY
Tak tohle jsem měl na třídních stránkách, samozřejě v šíleném stylu :D bylo to rozevírací menu a šlo to celkem jednoduše programovat, musel bych si stáhnout knohovnu Web do Scorpions WinCheatera možná po škole to tam najdu :)

Re: Lišta jako menu

Napsal: 11 kvě 2009 07:12
od pikaso.andreas
jedna z možností je ta, že ten obrázek rozřízneš. Rozřízneš například dle mého přikladu níže a zdrojový kód by mohl být:

Kód: Vybrat vše

<div id="menu">
 <img src="levy.gif"><a href="zprava.html"><img src="zprava.gif"></a><a href="text.html"><img src="text.gif"></a><a href="neco.html"><img src="neco.gif"></a><a href="neco.html"><img src="neco.gif"></a>
 <a href="info.html"><img src="info.gif"></a><img src="pravy.gif">
</div>


a nebo jako další se dá použít tzn. klikací mapa obrázku, ale to je složitější, návod najdeš zde: http://www.jakpsatweb.cz/html/obrazky.html#map a nebo také zde: http://blog.hakam.net/2008/programy-na- ... kaci-mapy/

Re: Lišta jako menu

Napsal: 11 kvě 2009 12:15
od Celsi
Díky moc:)
Zkusim ten obrázek rozřezat a když to nebude ono, mrknu na ty klikací mapy.
Ještě jednou díky:)

Re: Lišta jako menu

Napsal: 11 kvě 2009 13:18
od mike127
Ahoj, hodně jednoduchý to je v Gimpu (zde). Pokud s tím budeš potřebovat poradit tak napiš :bigups:

Re: Lišta jako menu

Napsal: 11 kvě 2009 15:21
od Celsi
Tak sem něco sesmolil v gimpu a odřezal je. :D
Obrázky ale mají pevnou šíři podle obrázku. Pokud poskládám 5 obrázků o šíři 100, max. šíře bude 500 celé lišty.

Kód: Vybrat vše

<img src="plocha.jpg" alt="plocha.jpg, 1,7kB" title="plocha" border="0" height="29" width="100%">


Pokud přidám atribut 100%, obrázek se oddělí, a je sám na celé šíři. Ostatní obrázky jdou pod něj. Je nějakej způsob aby menu bylo 100% podle rozlišení monitoru? :idea:

Re: Lišta jako menu

Napsal: 11 kvě 2009 17:45
od pikaso.andreas
ano lze to udělat a to takto: (zase použiji názvy oddělených části(obrázků) jak jsem naznačil já..)

Kód: Vybrat vše

<div style="background:url(levy.gif);width:100%;text-align:center;">
<a href="zprava.html"><img src="zprava.gif"></a><a href="text.html"><img src="text.gif"></a><a href="neco.html"><img src="neco.gif"></a><a href="neco.html"><img src="neco.gif"></a>
<a href="info.html"><img src="info.gif"></a> </div>



a tím pádem bude jako pozadí jen ten modrý pruh(např levy.gif), který vyplní zbývající část obrazovky. Menu, teda ty obrázky s textem budou na středu u sebe...

Re: Lišta jako menu

Napsal: 13 kvě 2009 08:42
od Stene
http://css.interval.cz/menu/
tady si vyber a uprav podle sebe.. Bude to myslím nejrychlejší.. :oops:

Re: Lišta jako menu

Napsal: 13 kvě 2009 10:47
od X
Sothink DHTML Menu - umožňující snadnou tvorbu profesionálních pop-up menu pro vaše webové stránky+FrontPage plug-in

Obrázek

Re: Lišta jako menu

Napsal: 13 kvě 2009 19:00
od pikaso.andreas
to je lehké použít nějaký nástroj, jen ať se trošku ponoří do tajů html ;-) Ale pomůcky jsou to hezké