Xnikushinkax 1. 5.mája 2013 20:02 Ďalšie jej témy »

Hladám kodera čo by mi pomohol

Prosím vás ak ma niekto skúsenosti s kodovanim v html a css.. napíšte.. potrebovala by som pomôcť s vytvorením roletkového menu.. Už som to pozerala na nete ale nejak tomu nerozumiem ako to mam spraviť.. so mňa koder nebude ak tu niekto taky ochotn

Komentuj

0 0 0 0 0

21 komentov

hoperpohroma 1. 5.mája 2013 20:07

ak myslis take, co sa po hoveri expanduje, tak na to myslim, bude treba uz viac, ako html a css, najskor nejaky javascript

h8u 1. 5.mája 2013 20:10

neviem síce vôbec o čom hovoríš, ale na roletky je špecialista @tomas

tobje 1. 5.mája 2013 20:12

@2 xD

burble 1. 5.mája 2013 20:13

xnikushinkax 1. 5.mája 2013 20:13

@hoperpohroma myslím že asi take nemyslím

našla som toto » interval.cz/podklady/hotova... .. tak take niečo.. len z mojho dizajnu , a už neviem ako to pretransformujem D

luc.ka 1. 5.mája 2013 20:15

@2

ale to podľa mňa ani on sám nevie, ako to docielil...

derimax3 1. 5.mája 2013 20:19

@xnikushinkax stiahni si tuto template a z toho si vyber toletky . Ja som to tak spravil ked som to chcel.

» www.templatemo.com/preview/templat...

vyzera to takto: » www.templatemo.com/templates/templ...

derimax3 1. 5.mája 2013 20:19

roletky*

laurikaaa 1. 5.mája 2013 20:21

anzu 1. 5.mája 2013 20:23

Tým sa myslí také, že ak nadídeš myšou na nejakú položku, rozbalí sa Potrebuješ ešte javascript.

V skratke:

1. Stiahni jquery alebo použi online verziu v

» jquery.com/... (toto sa mi nechce rozpisovať, "how to use jquery" ti už nájde, čo to znamená

2. Ak máš html napríklad

...

...

...

......

v css budeš mať

.submenu {display:none;}

a v html si napíšeš javascript cca takýto

$("#show_submenu").hover(function(){

$("#submenu").show(); resp. $("#submenu").css("display","block");

}, function(){

$("#submenu").hide(); resp. $("#submenu").css("display","none");

});

prvá funkcia znamená "po nadídení nad element s id show_menu ukáž element s id submenu", druhá "keď myš odíde, schovaj element"

toto je obyčajné show/hide, existujú aj krajšie animácie, dá sa to pohľadať. Ako používať .hover():

» api.jquery.com/hover/...

xnikushinkax 1. 5.mája 2013 20:23

@derimax3 fuuu a z csska mám čo vybrať?

hoperpohroma 1. 5.mája 2013 20:25

ul.uroven1 li.polozka1 {

behavior: url(hovermenu.htc);

tuto mas v zdrojaku linknute to, co ta zaujima

odkazuje to na subor interval.cz/podklady/hotova-reseni-css/hovermenu.htc

ktory ked si otvoris v notepade, ti v javascripte popisuje rolovacie spravanie menu

anzu 1. 5.mája 2013 20:25

boha, zabúdam, že birdz nemá rád tie zátvorky tak inak. html:

ul id="menu"

li .... /li

li .... /li

li id="show_menu" .... /li

/ul

ul id="submenu"

li ... /li

li ... /li

/ul

hoperpohroma 1. 5.mája 2013 20:26

@anzu toto si vysypala z hlavy? si super!

anzu 1. 5.mája 2013 20:27

@10 a v tom css to má samozrejme byť #submenu {display:none;}. ale tak, už sú tu jednoduchšie riešenia.

anzu 1. 5.mája 2013 20:28

@hoperpohroma mne za to platia, patrilo by sa ale musela som si aj tak overiť jednu vec v syntaxe.

divinatoire 1. 5.mája 2013 20:29

dropdown menu (ak je to to co myslis) som robila zatial len v javascripte, ale napr. tu je pekny navod nan len s html a css » www.handy-html.com/simple-css-drop...

hoperpohroma 1. 5.mája 2013 20:33

@anzu nevadii, aj tak sa mi to silno paci uz len keby som bola aj ja schopna sa to naucit

anzu 1. 5.mája 2013 20:41

@hoperpohroma po prvé je to prax a po druhé ja tiež neviem sypať javascript z ruky, ale to nevadí, stačí, keď si človek vie nájsť, čo chce a pozliepať to dokopy. a vidíš, aj tak som bola doteraz v tom, že pure css riešenie nie je cross browser compatible a pritom to vyzerá tak, že je, takže som vlastne pozadu