|
Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX... |
|
Alatke vezane za temu | Vrste prikaza |
7.4.2012, 22:27 | #1 |
Član
Član od: 12.12.2005.
Lokacija: Nis
Poruke: 87
Zahvalnice: 8
Zahvaljeno 7 puta na 7 poruka
|
Šareni css meni
Interesuje me kako bi mogao da uradim meni koji bi imao 4 stavke (npr. naslovna, o nama, galerija, i kontakt). Nije problem da napravim pomoću css-a da kad se pređe preko neke stavke sve budu iste boje, ali ja hoću da kad se pređe mišem preko neke stavke, one budu različite boje.
|
7.4.2012, 22:32 | #2 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
Re: Šareni css meni
Zadaj svakom elementu različitu klasu, pa posle u CSS-u definiši različit hover za svaku.
|
7.4.2012, 22:35 | #3 |
Član
Član od: 12.12.2005.
Lokacija: Nis
Poruke: 87
Zahvalnice: 8
Zahvaljeno 7 puta na 7 poruka
|
Re: Šareni css meni
To mi je i palo na pamet, samo sam mislio da možda ne postoji neko "instant" rešenje.
|
12.4.2012, 1:47 | #4 |
Član
Član od: 22.12.2007.
Poruke: 245
Zahvalnice: 12
Zahvaljeno 80 puta na 42 poruka
|
Re: Šareni css meni
Uvek možeš pomoću javascripte to pokušati, ali najjednostavnije je pomoću CSS-a.
|
6.5.2012, 19:57 | #5 |
Guest
Poruke: n/a
|
Re: Šareni css meni
Možeš da svaki element te navigacije selektiraš preko nth-child selektora: http://css-tricks.com/how-nth-child-works/
Slobodno pitaj ukoliko ti ne bude jasno kako radi. Pozdrav. |
6.5.2012, 20:25 | #6 | |
Deo inventara foruma
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
|
Re: Šareni css meni
Citat:
http://caniuse.com/#search=nth |
|
7.5.2012, 18:15 | #7 | |
Član
|
Re: Šareni css meni
Citat:
Ne radi nth-child mozda,ali zato moze da se posluzi jednostavnim Jquery-em,medjutim,najkraca metoda je razlicite klase za svaki menu item. |
|
7.5.2012, 21:28 | #8 |
Član
|
Re: Šareni css meni
Primer preko JQuery-a bi bio recimo :
HTML struktura : HTML kod:
<ul id="menu"> <li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a></li> <li><a href="#">Menu3</a></li> <li><a href="#">Menu4</a></li> </ul> Kod:
$(document).ready(function () { $('#menu li').eq(1).hover(function() { // sta se desava kada mis predje preko li $(this).css({ 'background' : #f1f1f1, 'color' : #000 }); },function () { // sta se desava kada mis sidje sa li $(this).css({ 'background' : default boja, 'color' : default boja fonta }); }); Za drugi li samo kopiras kod,podesis boje koje zelis i umesto eq(1),stavis odgovarajuci broj eq(2) eq(3) eq(4) itd. Poslednja ispravka: Novica89 (7.5.2012 u 23:08) |
Bookmarks sajtovi |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Padajuci meni u HTML-u | MrDzeri | Web razvoj | 6 | 18.1.2012 0:10 |
Start meni | Knindza95 | Kvarovi | 6 | 23.6.2011 9:57 |
Meni je potrebna mala pomoc... | ivanovic-94 | Operativni sistemi | 5 | 3.5.2009 15:21 |
Pomozite svim neznalicama (meni) na forumu :) | rudar | Pravljenje igara | 256 | 16.11.2007 23:18 |
Google zna sve o nama! | Eni | Cvet kompjutera | 15 | 4.5.2006 0:02 |