Zdravím.
Už dlouhou dobu hledám zpracovaný kod na lištu s odkazy.
Viz zde:
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?
Lišta jako menu
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
Tak tohle jsem měl na třídních stránkách, samozřejě v šíleném stylu 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 :)
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
- pikaso.andreas
- Level 4
- Příspěvky: 1156
- Registrován: říjen 07
- Bydliště: Otrokovice
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
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:
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/
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
Díky moc:)
Zkusim ten obrázek rozřezat a když to nebude ono, mrknu na ty klikací mapy.
Ještě jednou díky:)
Zkusim ten obrázek rozřezat a když to nebude ono, mrknu na ty klikací mapy.
Ještě jednou díky:)
- mike127
- Level 3
- Příspěvky: 488
- Registrován: červenec 08
- Bydliště: ČR
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
Ahoj, hodně jednoduchý to je v Gimpu (zde). Pokud s tím budeš potřebovat poradit tak napiš
Až zemřu, pohřběte mě tváří dolů, aby mi celý svět mohl políbit p*del.
Re: Lišta jako menu
Tak sem něco sesmolil v gimpu a odřezal je.
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.
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?
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?
- pikaso.andreas
- Level 4
- Příspěvky: 1156
- Registrován: říjen 07
- Bydliště: Otrokovice
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
ano lze to udělat a to takto: (zase použiji názvy oddělených části(obrázků) jak jsem naznačil já..)
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...
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...
- Stene
- Level 6
- Příspěvky: 3124
- Registrován: únor 09
- Bydliště: Jihlava
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
http://css.interval.cz/menu/
tady si vyber a uprav podle sebe.. Bude to myslím nejrychlejší..
tady si vyber a uprav podle sebe.. Bude to myslím nejrychlejší..
Re: Lišta jako menu
Sothink DHTML Menu - umožňující snadnou tvorbu profesionálních pop-up menu pro vaše webové stránky+FrontPage plug-in
- pikaso.andreas
- Level 4
- Příspěvky: 1156
- Registrován: říjen 07
- Bydliště: Otrokovice
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Lišta jako menu
to je lehké použít nějaký nástroj, jen ať se trošku ponoří do tajů html Ale pomůcky jsou to hezké
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 2
- 904
-
od tominaxx
Zobrazit poslední příspěvek
30 črc 2023 22:23
-
- 4
- 1153
-
od Zbynek1
Zobrazit poslední příspěvek
13 úno 2024 09:13
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 6 hostů