[HTML/CSS/JS]vytvoření navigačního menu

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod Johny-D 22. 4. 2012 18:06

Ahoj potřeboval bych udělat takovéto podobné menu http://leptac.webnode.cz/psi
kde když se klikne na odkaz psi tak se rozbalí další nabídka, prosím o radu jak
na to. Moc děkuju
Johny-D
Junior

Odeslat příspěvekod K8 22. 4. 2012 18:54

http://interval.cz/hotova-reseni/pro-css/
tady si najdi co se ti nejvíc líbí, máš tam kód, jak to udělat, včetně ukázky, jak to funguje
K8
Pokročilý

Odeslat příspěvekod Johny-D 22. 4. 2012 18:58

Moc děkuju mrknu na to

-- 22. 4. 2012 19:50 --

Docela v tom lítám, nejde mi vytvořit ten styl, musím někde asi najít od začátku styly CSS, html zvládám, ale další věci se musím naučit. Není na to i nějaký program, který by vytvořil takové menu? V těch ukázkách jsem zrovna takové nenašel
Johny-D
Junior

Odeslat příspěvekod Vebloud 23. 4. 2012 10:09

Bez určitého množství znalostí a ručního psaní se weby dělat nedají. Respektive pokud nechceš používat hotové šablony na wordpress, ale dělat si vlastní design, tak se bez ručního psaní neobejdeš.

Nicméně třeba tohle by ti mohlo pomoct http://jqueryui.com/demos/accordion/

A nauč se psát název tématu podle pravidel.
Žít a nechat žít, ty máš svůj názor, já mám svůj názor, já ti nebudu nutit svůj, nemusím souhlasit s tvým, ale udělám vše, abys ho mohl svobodně vyjádřit.
Vebloud
Ex-moderátor
Uživatelský avatar

Odeslat příspěvekod Olimant 23. 4. 2012 12:35

Možná jsem to pochopil špatně, ale zdá se mi, že nepotřebuješ javaScript.
Podle ukazky, podle ktere to chces udelat neni potreba. Ta stranka se pri kliknuti na "psi", "feny", ... vzdy prekresli (nacte znova). Tzn ze nepotrebujes zadnej js efekt. Jestli umis jen html, tak bych zacal s css a udelal to menu jen pomoci html a css. Znamena to neprilis pekne napsany menu na kazdy strance a na kazdy strance trochu jinak. Vezmi tenhle kod a uprav to podle sebe:
Kód: Vybrat vše
<ul class="menu">
   <li class="first"><a href="/novinky/">Novinky</a></li>
   <li><a href="/o-nas/">O nás</a></li>
   <li><a href="/feny/">Feny</a></li>
   <li class="open selected activeSelected"><a href="/psi/">Psi</a>
   <ul class="level1">
      <li class="first"><a href="/saber-ze-zevlova-dvora/">Saber ze Zevlova dvora</a></li>
      <li><a href="/tango-leptac/">Tango Leptáč</a></li>
      <li><a href="/quebec-leptac/">Quebec Leptáč</a></li>
      <li><a href="/nolty-leptac/">Nolty Leptáč</a></li>
      <li><a href="/virgil-leptac/">Virgil Leptáč</a></li>
      <li class="last"><a href="/psi/yukon-leptac/">Yukon Leptáč</a></li>
   </ul>
   </li>
   <li><a href="/stenata/">Štěňata</a></li>
   <li><a href="/na-prodej/">Na prodej</a></li>
   <li><a href="/fotogalerie/">Fotogalerie</a></li>
   <li><a href="/odkazy/">Odkazy</a></li>
   <li class="last"><a href="/kontakt/">Kontakt</a></li>
</ul>         


Az budes mit tohle, tak se podivej na javascript nebo php jak to resit elegantneji...
jak psat web by ti taky mohl pomoct.

EDIT// To co chces ty je asi tady
Kdo víno má a nepije, kdo hrozny má a nejí je, kdo ženu má a nelíbá, kdo zábavě se vyhýbá, na toho vemte bič a hůl, to není člověk, to je vůl.
Olimant
Junior
Uživatelský avatar

Odeslat příspěvekod Johny-D 24. 4. 2012 17:42

Děkuji za všechny rady, Olimant ano něco takového jak píšeš, potřebuju, aby když se vybere něco jiného než psi tak se ta jedna nabídka zabalila a druhá rozbalila nebo případně nerozbalila podle toho jestli tam budou nějaké podkategorie. Máte pravdu musím na to pořádně mrknout. Nějakou základní stránku umím v html, ale ccs neznám vůbec, musím zjistit jak se to vytváří. Děkuju vám za ochotu
Johny-D
Junior

Odeslat příspěvekod Vebloud 25. 4. 2012 13:39

No tyhle dynamické změny je třeba řešit buďto javascriptem nebo PHP, respektive nějákým serverovým řešením. Druhá varianta je, že odkaz pošle uživatele na stránku, která má kód upravený tak, aby tam bylo otevřeno aktuální menu a zavřena všechna ostatní, ale údržba takového webu je peklo.

Doporučil bych použít wordpress s nějákou šablonou, která bude vyhovovat. Vyřeší se tím mraky problémů a projektu bude mít mnohem větší šanci na spouštění, než při ručním vytváření.
Žít a nechat žít, ty máš svůj názor, já mám svůj názor, já ti nebudu nutit svůj, nemusím souhlasit s tvým, ale udělám vše, abys ho mohl svobodně vyjádřit.
Vebloud
Ex-moderátor
Uživatelský avatar

Odeslat příspěvekod Johny-D 26. 4. 2012 11:21

Vebloude, děkuji mrknu na ten odkaz, snad to zvládnu
Johny-D
Junior

Odeslat příspěvekod mad_doc 26. 4. 2012 11:35

Snad bych ještě doplnil:
mrkni třeba na http://cssmenumaker.com/
anebo vyber něco od Stua http://www.cssplay.co.uk/menus/
mad_doc
Junior
Uživatelský avatar

Odeslat příspěvekod akira.uzai 26. 4. 2012 11:53

zadej si do Google "css popup menu tutorial" a vypadne ti tolik řešení, že si nebudeš umět vybrat, jinak doporučuji toto menu dát nahoru jako horizontální menu nějak takto: http://www.nastenne-malby.eu/
あきらうざい
akira.uzai
Junior
Uživatelský avatar

Odeslat příspěvekod Vebloud 26. 4. 2012 12:03

Nohu vědět, proč doporučuješ menu nahoře a z čeho přitom vycházíš? Nějáké studie použitelnosti, user experience, AB testování nebo je to jenom to jak to děláš ty?
Žít a nechat žít, ty máš svůj názor, já mám svůj názor, já ti nebudu nutit svůj, nemusím souhlasit s tvým, ale udělám vše, abys ho mohl svobodně vyjádřit.
Vebloud
Ex-moderátor
Uživatelský avatar


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků