Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][CSS] Kolor w kodzie, Kolor w kodzie
ciapus4
post
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Witam, w którym miejscu kodu jest kod koloru odpowiadający za zmienianie się koloru po najechaniu myszką w menu, chciałem ustawić jeden kolor dla wszystkich przechodzących poziomo prostokątów.

demo

Pozdrawiam
Go to the top of the page
+Quote Post
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


a:hover { color: white; }
Go to the top of the page
+Quote Post
ciapus4
post
Post #3





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Nie chodzi mi o kolor czcionki w menu poziomym, ale o kolor tego prostokąta co się zmienia przeskakując na odpowiednią pozycje, home - pomarańczowy i jak damy na bay tickets to zmienia się na czerwonawy, ja chciałem, żeby był kolor jednolity dla wszystkich przeskakujących kwadratów.
Go to the top of the page
+Quote Post
Turson
post
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Zapwne losowany kolor jest z tego
[JAVASCRIPT] pobierz, plaintext
  1. var colors = {
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
ciapus4
post
Post #5





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Dziękuję, a gdzie zmienić, żeby ten prostokąt w stanie spoczynku znajdował się na pozycji 'home', a nie 'reviews' ?
Go to the top of the page
+Quote Post
Crozin
post
Post #6





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Fragment HTML-a:
  1. <ul class="group" id="example-two">
  2. <li><a rel="#fe4902" href="#">Home</a></li>
  3. <li><a rel="#ffffff" href="#">Buy Tickets</a></li>
  4. <li><a rel="#00ffff" href="#">Group Sales</a></li>
  5. <li class="current_page_item_two"><a rel="#900" href="#">Reviews</a></li>
  6. <li><a rel="#D40229" href="#">The Show</a></li>
  7. <li><a rel="#98CEAA" href="#">Videos</a></li>
  8. <li><a rel="#1B9B93" href="#">Photos</a></li>
  9. <li><a rel="#8DC91E" href="#">Magic Shop</a></li>
  10. </ul>
Atrybuty rel określają kolor, a klasa current_page_item_two aktywny element.
Go to the top of the page
+Quote Post
ciapus4
post
Post #7





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Właśnie o to chodziło, dziękuje za pomoc specool.gif i jeszcze małe pytanko prędkość przesuwania się tego kwadratu gdzie jest zawarta ?

Ten post edytował ciapus4 15.11.2013, 16:51:14
Go to the top of the page
+Quote Post
Crozin
post
Post #8





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Niemal na samym dole kodu JS, masz niedaleko od siebie wywołania metody animate(), która jako drugi parametr może przyjąć czas animacji, np. 5000 (5 sek.) - http://jsfiddle.net/ppKdE/2/
Go to the top of the page
+Quote Post
ciapus4
post
Post #9





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Nie wiem jakoś u siebie na stronie nie mogę tego efektu zastosować pliki .js wrzucam bezpośrednio na serwer .css też czy mógłbyś zerknąć w kod strony ?
na razie nie wklejam <link rel="stylesheet" href="menu.css" type="text/css" /> bo krzaczy mi stronę.
strona
czy jakaś dobra dusza closedeyes.gif pomoże przebudować menu cheff.gif cheff.gif

Ten post edytował ciapus4 15.11.2013, 21:17:43
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 20:29