| | |
| Stránka: 1 z 1
| [ Príspevkov: 30 ] | |
Autor | Správa |
---|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal pecado: 21.03.2013 11:08 | |
|
Zdravim, viete mi poradit ako dosiahnut menu ake je na tejto stranke: TUResp. ci uz niekde nie je vytvorene podobne ktore by som len upravil. Vdaka
|
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 11:46 | |
|
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Menu robiť cez js? Neviem, či je to akurát najšťastnejší nápad...
_________________ C#, PHP, ... |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 12:34 | |
|
Menu cez javascript je zlé, hej? Som veľmi zvedavý na dôvvod.
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
To tu musím písať naozaj už takéto základy? Hlavne u teba BX ma to prekvapuje... Za všetky dôvody uvediem ten najzákladnejší - skús porozmýšľať, čo sa stane, pokiaľ má užívateľ vypnutý javascript. V tom lepšom prípade rozbitá stránka a úplne zbytočne. Stačilo by použiť obyčajné css a mal by si podporu pre všetky zariadenia a v každom prípade... Nieee, radšej drbneme do stránky ďalší javascript, je to rýchlejšie hotové a nemusíme sa ani nič učiť
_________________ C#, PHP, ... |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 14:02 | |
|
Ja som práve od teba čakal rozumnejší dôvod, ako túto hlúposť. Za prvé - nie sme v roku päť, aby sme robili statické stránky len pomocou html/css. Dnes už js vypnutý nikto nemá a kto má, ten internet používať plnohodnotne nemôže a veľmi rýchlo si to rozmyslí.
Za druhé: Že smartfóny? No hej, kvôli tomu sa zosereme a prejdeme do roku päť. Aj väčšina prehliadačov na chytrých mobiloch už podporuje js. Ideálne sa ale robia mobilné verzie webov, ak tak veľmi chceš.
Argumentu "čo keď má niekto vypnutý js" je archaizmus, vymysli si lepší.
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Citácia: Dnes už js vypnutý nikto nemá Že smartfóny? No hej, kvôli tomu sa zosereme a prejdeme do roku päť
Že ja tu vôbec strácam čas... js = moderná doba css = zastaralý rok 5 Good job Hentaké menu ako chce zakladateľ témy sa dá bez problému urobiť v css za pár minút a bude vyzerať rovnako natoľko, že nebudeš vedieť povedať, ktoré bolo robené ako... V tomto prípade je JS maximálne zbytočné, budeš závislý od knižnice tretej strany, zvýšiš zbytočne počet requestov a náročnosť stránky, a odrežeš všetkých, ktorí js nemajú zapnuté. Naštýlovať to musíš tak či tak v css. Takéto menu nemá s dynamickosťou stránky nič spoločné, osviež si trošku pojmy... Ale musím ti uznať jednu vec, naozaj opisuješ modernejší prístup k tvorbe. SERME NA NICH, veď väčšine to pôjde hádam ok, načo strácať čas učením sa vecí, keď stačí použiť $("#menu").menu();
_________________ C#, PHP, ... |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 15:17 | |
|
Prečo nečítaš, čo píšem? BX píše: nie sme v roku päť, aby sme robili statické stránky len pomocou html/css. walther píše: a odrežeš všetkých, ktorí js nemajú zapnuté. Vypnem si js a gmail aj facebook ma pošle do riti. To mi je teda prístup, mal by si im to ísť vytmaviť walther píše: sa dá bez problému urobiť v css za pár minút a bude vyzerať rovnako natoľko, že nebudeš vedieť povedať, ktoré bolo robené ako.. walther píše: zvýšiš zbytočne počet requestov a náročnosť stránky Aj tu platí, že kód sa robí pre ľudí. Cez js nič dramaticky nezhorším a je to extrémne jednoduché. Slovo "dynamické" som nikde nepoužil. A áno, na čo sa učiť debiliny, keď to trebárs ani nepotrebuje? On chce menu na stránku. Tak ho nepošlem učiť sa css, ale ponúknem najjednoduchšie riešenie. Aha pecado píše: Resp. ci uz niekde nie je vytvorene podobne ktore by som len upravil. Kto sa chce programovaním živiť, veľmi rád si prečíta niečo o efektivite jednotlivých riešení.
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 23.12.10 Prihlásený: 10.09.22 Príspevky: 1056 Témy: 157 Bydlisko: KK/PP/BA | Napísal F3RY: 21.03.2013 15:56 | |
|
Ja suhlasim s BX. Dnes uz JS nema vypnuty nikto. Pre smartfony nieje problem nadefinovat vlastny styl. K teme: To menu ti stacit spravit v CSS, nieje to nic zlozite. http://www.jakpsatweb.cz/leve-menu.html
_________________ HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro
Boh je reálny, pokial nebol deklarovaný ako integer |
|
Registrovaný: 19.06.07 Prihlásený: 15.10.18 Príspevky: 349 Témy: 9 Bydlisko: Bratislava | Napísal HAE07: 21.03.2013 16:14 | |
|
ked uz sa tu riesili smartfony, tak pridam len moju skusenost. vyskakovacie menu cisto cez hover mi nefungovalo na starsom androide, bolo treba osetrit cez JS kliknutie. ios pozna aj hover, vykona ho po prvom kliknuti na menu
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 Bydlisko: Bratislava | Napísal shaggy: 21.03.2013 19:32 | |
|
Citácia: nie sme v roku päť, aby sme robili statické stránky len pomocou html/css. Takí experti, ako ty, nám dennodenne chodia na pohovor do firmy. A bohužiaľ, je taký nedostatok kvalitných ľudí, že toho "najlepšieho" z najhorších prijmeme a ja s nim potom musím robiť - a to je čisté utrpenie. A ťahať kvôli jednoduchému menu jquery + jquery UI na stránku? Ďakujem, neprosím. Väčšina vyskakovacích menu sa dá urobiť iba cez html/css, pre mobily by som to upravil tak, aby vôbec nebolo vyskakovacie (to je na mobile otrava a totálne nepoužiteľné).
_________________ Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme. |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 20:09 | |
|
Halóóó, to tu naozaj nikto nečíta požiadavky?! pecado píše: Zdravim, viete mi poradit ako dosiahnut menu ake je na tejto stranke: TUResp. ci uz niekde nie je vytvorene podobne ktore by som len upravil. Vdaka Naozaj sa tu chceš baviť o tom, s akými trdlami ty pracuješ? Mne je u riti, že sa to dá aj lepšie, efektívnejšie, profesionálnejšie... Keď napíšem algoritmus v C, niekto ma zdrbe, že prečo tam nemám paralelné bloky, keď sa tam dajú dať. Dorobím ich tam a ďalší ma zdrbe, že už keď to mám paralelne, mohol som to hodiť priamo na GPU. A pritom potrebujem len počítať faktoriál do 40. Analogicky, keď mám svoju vlastnú maličkú stránku, kde príde 10 ľudí denne a z toho jeden som ja a druhý kamoš, tak sa nemusím trápiť s debilným menu a prasknem tam to najjednoduchšie, pričom viem, že to možno nie je najlepšie, ale stále dobré riešenie. A keď sa mi traffic zvýši na neuveriteľných 30 ľudí denne, tak začnem uvažovať nad upgradom. Riešite to tu jak babky na blšom trhu, obhajujete si css a pri tom tu ešte ani jeden z vás nedal alternatívu k tomu jquery. Pomôžte, ak viete!
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Hej, tu c-geometricke-utvary-vt141056.html?hilit=pyramida si ukázal, ako ti je efektivita u prdeli. Tam si sa dohadoval, hádzal linky a tu si za boha nedokážeš priznať chybu. Ja som tam ustúpil, ty sa tu budeš ruvať do krvi len aby si dokázal svoju pravdu. Bohužiaľ ju tentokrát nemáš. To, že vo svojich "požiadavkách" neuviedol, či sa tomu chce venovať profesionálnejšie alebo že koľko mu záleží na efektivite, neznamená, že tu budeš vypúšťať nezmysly a kódy "len aby to fungovalo", však neskôr to možno prerobí... Nečíta tieto témy len on, je to verejné fórum a pokiaľ ostatní uvidia tvoje "rady" na túto tému, budú sa zas učiť len kraviny a rozširovať to ďalej. Takže prosím ťa, nedoťahuj sa tu, keď ti to je u prdele a venuj sa ďalej svojim pyramídkam, ktoré ťa v škole dobre naučili
_________________ C#, PHP, ... |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 20:43 | |
|
walther píše: Nečíta tieto témy len on, je to verejné fórum A práve preto sem svoj názor píšem. Dobre, píšem ho trochu drzo a arogantne, to priznávam walther píše: a pokiaľ ostatní uvidia tvoje "rady" na túto tému, budú sa zas učiť len kraviny a rozširovať to ďalej. Alebo si prečítajú aj diskusiu k tomu a rozhodnú sa, či to potrebujú rýchlo a jednoducho, alebo to potrebujú mať nadupané jak sviňa. Okrem toho, ty si ma prvý začal ťahať za slovíčka a to nie je dobre, ja sa rád hádam (ehm... diskutujem) (k tomu ostatnému sa nebudem vyjadrovať, lebo to by zas dopadlo)
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Nejde o to, že ťa chytám za slovíčka.. Celá tvoja rada spočívala v tom, že si mu dal link na jquery (čo je už z princípu blbosť v tomto prípade). Vieš vôbec, v čom konkrétne má problém? Hento jquery menu rieši jedinú vec - vyskakovanie položiek. Čo ak len nevie, ako to naštýlovať? Btw, vôbec by som to nerozvádzal ďalej, keby si ty neprovokoval s tým tvojím "daj dôvod, to som zvedavý"...
_________________ C#, PHP, ... |
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 21.03.2013 21:47 | |
|
Ja som bol vážne zvedavý, či vytiahneš tú sprostosť, že "čo keď niekto nemá zapnutý javascript", alebo napíšeš niečo rozumné.
A nerozvádzal, no lebo tam má kód, ktorý keď skopíruje, tak má presne také menu, ako chce. Ak by ho nevedel upraviť, spýta sa ďalej, veď na to je tu.
_________________ Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám! |
|
Registrovaný: 05.11.11 Prihlásený: 28.03.24 Príspevky: 1496 Témy: 73 Bydlisko: Bratislava | |
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 22.03.2013 14:52 | |
|
Dik pani za rady.. Aj moja chyba zrejme ze som to nenapisal lepsie Rozmyslal som hned o CSS. Nasiel som jedno riesenie... HTML: Kód: <html> <head> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body>
<div id="menu"> <div class="polozka"> <div class="zalozka"><a href="#">Položka A</a></div> <div class="ramecek"> <div class="telo"> <p><img alt="" src="smile.jpg" />TEXT</p> <p>TEXT TEXT</p> </div> </div> </div> <div class="polozka"> <div class="zalozka"><a href="#">Položka B</a></div> <div class="ramecek"> <div class="telo"> <p><img alt="" src="" />TEXT </p> <p>TEXT </p> </div> </div> </div> </div> </body> </html> CSS: Kód: #menu { background: red; position: relative; top: 20; left: 20; height: 90%; width: 90%; } #menu .polozka { float: none; } #menu .zalozka { width: 150px; background: green; margin: 0 0 0 0; padding: 0; font-size: 20px; } #menu .zalozka a { color: white; text-decoration: none; } #menu .ramecek { position: absolute; top: 0px; left: 150px; width: 600px;
padding: 10px; visibility: hidden; background: #000000; } #menu .telo { overflow: auto; height: 150px; background: orange; padding: 5px 5px; text-align: justify; } #menu .telo img { float: right; margin: 0 1em .5em 0; border: solid #666 1px; }
#menu .polozka { behavior: url(hovermenu.htc); /* IE */ }
#menu .polozkaHover .ramecek, #menu .polozka:hover .ramecek { visibility: visible; }
#menu .polozkaHover .zalozka, #menu .polozka:hover .zalozka { background: #caf; } Comu nerozumiem v tom CSS je od tohto: "#menu .polozkaHover .ramecek," az po koniec. .. Vysvetlite mi to prosim? Tie nastavenia hodnot si nevsimajte nie je to upravene, je to len na skusku Vdaka
|
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Pri písaní css môžeš špecifikovať pravidlá, ktoré platia pre viac elementov naraz. Syntax je úplne primitívna... Kód: #element1, #element2, #element3 { pravidla }
Samozrejme sa nemusíš odkazovať na jednotlivé elementy, môžeš uvádzať typy (span, b, div...) alebo triedy (.polozka, .menuItem...) a samozrejme všemožné kombinácie... Pokiaľ "veci" pred zátvorkami nie sú oddelené čiarkami, znamená to, že bližšie špecifikuješ, v tvojom prípade Kód: #menu .polozkaHover .zalozka
Nájde element s ID menu, pod tým nájde všetky položky s triedou polozkaHover a v týchto položkách nájde všetky elementy s triedou ramecek. Na tieto elementy "ramecek" aplikuje dané pravidlá. Inými slovami by to mohlo vyzerať napríklad takto: Kód: <div id="menu"> <div class="polozkaHover"> <div class="ramecek"> AZ MY RAMECKY BUDEME NASTYLOVANE </div> </div> </div> <div class="ramecek"> JA NASTYLOVANY NEBUDEM :((( </div>
Daným zápisom vlastne len bližšie špecifikuješ, ktoré elementy s triedou "ramecek" myslíš. Druhý div s "ramecek" nie je vnorený do menu->polozkaHover, teda naň sa pravidlo už nevzťahuje. Dá sa to z tohto pochopiť? Písal som to trochu v rýchlosti, tak hádam som nepopísal blbosti
_________________ C#, PHP, ... |
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 22.03.2013 15:12 | |
|
Paradicka , dik moc, si pan! Jasne ze sa to da pochopit ..
|
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 23.03.2013 14:29 | |
|
Este otazka Kedze v tom CSS mam nastavene toto: Kód: #menu .ramecek { position: absolute; top: 0px; left: 150px; width: 600px; Tak sa to vyskakovacie "okno" zobrazuje stale na jednom mieste. Ked som zrusil top tak sa to uz posuvalo ale bolo to o polozku nizsie (obrazok) Ako to nastavim aby sa mi to zobrazovalo vedla polozky na ktorej je mys? Vdaka
|
|
Registrovaný: 19.06.07 Prihlásený: 15.10.18 Príspevky: 349 Témy: 9 Bydlisko: Bratislava | Napísal HAE07: 23.03.2013 14:48 | |
|
nadradenemu prvku daj position relative. a vzdy sa ti pozicia bude ratat od prvku, na ktory ukazujes
|
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 25.03.2013 9:50 | |
|
To: HAE07. Rozumiem tomu co mi vravis ale nech skusam ako skusam tak mi to stale nejde :/...
|
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
Keď "nejde", musíš dať živú ukážku....
_________________ C#, PHP, ... |
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 27.03.2013 10:52 | |
|
No davam to do nadradeneho v tom css vyssie, teda do: "menu .polozka" a "menu. zalozka". Skusal som do oboch naraz, skusal som po jednom, nejde to ani tak. Napisal som to velmi divne ale snad ma chapes
|
|
Registrovaný: 19.06.07 Prihlásený: 15.10.18 Príspevky: 349 Témy: 9 Bydlisko: Bratislava | |
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 27.03.2013 12:02 | |
|
Velke diky Chyba bola v tom ze ja som tam predtym zrusil v .ramecek suradnicu top a ked som potom nastavoval v .polozka position relative tak to neslo.. Este raz dik Menu ide takze problem mam vyrieseny. (temu mozte lock) Len este tak na okraj... Dalo by sa to vyriesit aj jednoduchsim sposobom? Myslim v tom CSS.
|
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 28.03.2013 14:53 | |
|
Skusal som to spravit trochu jednoduchsie, no neviem preco sa mi nezobrazi "telo" ked ukazem na polozku Kód: <body> <div id="menu"> <div class="polozka"><a href="#">Polozka 1</a></div> <div class="telo">text telo </div> </div> </body> Kód: #menu { position: relative; width: 250px; height: auto; background:#FF0066; }
#menu .polozka { position: relative; float: none; width: 200px; background: #0033CC; } #menu .polozka a { text-decoration: none; color: #FFFFFF; } #menu .polozka:hover { background: #FFFF00; }
#menu .telo { background: #666666; position: absolute; top: 0px; left: 300px; width: 300px; visibility: hidden; }
#menu .polozka:hover .telo, #menu .polozkaHover .telo { visibility: visible; } Tipujem ze to bude zas daka chyba ktoru vyriesite za 5 sekund ale ja na to nepridem do zajtra
|
|
Registrovaný: 19.06.07 Prihlásený: 15.10.18 Príspevky: 349 Témy: 9 Bydlisko: Bratislava | Napísal HAE07: 28.03.2013 20:19 | |
|
sice som sa prave zobudil, ale ak vidim spravne, tak v dive .polozka nemas ziadne .telo. cize zapis v css #menu .polozka:hover .telo je na nic
|
|
Registrovaný: 13.08.09 Prihlásený: 27.08.14 Príspevky: 38 Témy: 12 | Napísal autor témy pecado: 28.03.2013 22:06 | |
|
zobudil som to vedel ze to bude daka nepozornost vdaka!
|
|
| Stránka: 1 z 1
| [ Príspevkov: 30 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| hover menu v HTML, XHTML, XML, CSS | 0 | 423 | 19.05.2010 20:38 camo | | hover menu v HTML, XHTML, XML, CSS | 0 | 539 | 22.09.2011 16:01 camo | | Horizontalne Hover menu v HTML, XHTML, XML, CSS | 2 | 613 | 18.10.2008 18:20 arno | | Hover na menu v HTML, XHTML, XML, CSS | 24 | 992 | 29.04.2008 18:11 Blackshadow | | hover v HTML, XHTML, XML, CSS | 9 | 739 | 08.08.2008 15:13 exoomer | | Obrázkové hover v HTML, XHTML, XML, CSS | 8 | 500 | 12.03.2010 14:26 Denco1 | | hover efekt v HTML, XHTML, XML, CSS | 1 | 670 | 08.08.2011 9:54 goodfridays | | navigacne menu - sek.menu v HTML, XHTML, XML, CSS | 2 | 491 | 15.10.2013 21:54 newbie99 | | mozno komplikovany hover v JavaScript, VBScript, Ajax | 4 | 616 | 21.10.2008 0:06 walther | | nastylizovanie a:hover v HTML, XHTML, XML, CSS | 2 | 657 | 21.02.2007 14:11 mylan | | zakazanie dedeneho hover v HTML, XHTML, XML, CSS | 3 | 624 | 07.02.2011 22:32 coldak | | CSS3 Anmácia - hover v HTML, XHTML, XML, CSS | 4 | 487 | 09.01.2011 13:07 Ando | | css a:hover v HTML, XHTML, XML, CSS | 5 | 1483 | 09.10.2008 23:52 suchy | | neukaze mi hover [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 38 | 1720 | 29.04.2008 17:12 don jebot | | mouse hover galeria v HTML, XHTML, XML, CSS | 17 | 454 | 28.04.2014 16:48 Lessik | | hover effect do banneru v HTML, XHTML, XML, CSS | 14 | 921 | 15.05.2008 15:20 pa3ck |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|