Ova opcija HTML u CSS

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Dobar dan svima,
najpre se izvinjavam zbog naziva teme ali nisam znao kako da je nazovem. Evo pravim nešto pa mi treba pomoć. Imam buttons za navigation bar. Sad treba mi da bude drugačiji kad se stavi kursor na njega, i možda (ne mora) dok držiš kliknut taster. EVO primera. Prvi je samo kad je kursor na njemu a drugi je i kada klikneš na njega. Ovaj kod sam pronašo na netu. Sad me zanima da li ima nešto tako u CSS? Znam da ima nešto sa :hover i to ali ne znam kako.
Hvala unapred

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pozdrav!
Postoji više načina, jedan od najlakših jeste korišćenje najnovije verzije CSS3 i korišćenje funkcije hover, međutim ovu opciju stariji brauzeri ne podržavaju pa samim tim ne mogu i da je prikažu. Onda ako hoćeš da sajt bude kompatibilan i sa starijim verzijama brauzera, najbolje je da koristiš javascript.

Na ovom primeru što si naveo koriste se funkcije onmouseover, onmousedown, onmouseup i onmouseout koje definišu šta treba da se prikaže kada npr. pomeri kursor (strelica).

• 1Ovo se svidja korisniku: ilovephp
  
  Registruj se da bi pohvalio/la poruku!

Napisano: 18 Jan 2013 20:18

hvala u svakom slučaju. Znam šta je taj kod što sam našao. Uglavnom učim ja u školi HTML i CSS ali sve to nekako sporo ide i mislim da to može mnogo brže da se "uđe u taj svet". Tako da tažim po netu nešto i isprobavam, menjam itd. Sada trenutno me zaista interesuje ovaj Drop Down menu u CSS ali je za mene komplikovan kod tako da samo ako izmenim nešto teško da ću sam doći do toga kako iz početka da napravim to sam... Hvala u svakom slučaju

Dopuna: 18 Jan 2013 20:20

ima lepih stvari na netu samo šteta što nema na srpskom. Ali ne pravi mi neki veliki problem engleski tako da nemam problema ali mislim da bi bilo mnogo jasnije da je na nekom od jezika koji su mi bliži

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

ilovephp ::jedan od najlakših jeste korišćenje najnovije verzije CSS3 i korišćenje funkcije hover

:hover nije "funkcija", nego pseudo-klasa, i dostupna je od CSS 1. Podrzavaju je sledeci browseri i to od navedene verzije (ukljucujuci i naredne):

Netscape 7
Mozilla 1
Firefox 1
Internet Explorer 4
Opera 3
Safari 1
Chrome 1