Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Efektowane menu w CSS, Jak zrobć takie menu ?
Adam-240
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 16.11.2008

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


Witam mam takie pytanie ponieważ zrobiłem layout i trochę nie za bardzo wiem jak zakodować jedną rzecz. Bo robię menu w CSS i jest to tak zrobione, że jeden link ma inne tła a drugi inne i tak na zmianę i tutaj pojawia się mój problem,czy da się zrobić menu tak aby to tło się na zmianę powtarzało ? czytałem na stronach o CSS i HTML ale znalazłem tylko kursy o tym co umie, czyli że cały czas mamy jedno tło i najwyżej po najechaniu się zmienia.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




nie bardzo rozumiem twój problem chodzi Ci o inny kolor to może nadaj inną klasę... ale to jest strzał bez nabicia pokaż kod, obrazek jak na to wyglądać a jak wygląda.
Go to the top of the page
+Quote Post
Crozin
post
Post #3





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

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


Nie ma takiego selektora CSS któryby pozwalał na pobranie co drugiego (czy co ntego) elementu.
Musisz poprostu nadawać naprzemian klasę dla elementu:
Kod
<ul>
  <li class="row1">tt</li>
  <li class="row2">tt</li>
  <li class="row1">tt</li>
  <li class="row2">tt</li>
  <li class="row1">tt</li>
</ul>
Ewentualnie tylko co drugiemu elementowi nadawać klasę:
Kod
<ul>
  <li>tt</li>
  <li class="row2">tt</li>
  <li>tt</li>
  <li class="row2">tt</li>
  <li>tt</li>
</ul>
Go to the top of the page
+Quote Post
bikerszymek
post
Post #4





Grupa: Zarejestrowani
Postów: 91
Pomógł: 13
Dołączył: 23.08.2008

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


Każdemu <li></li> nadajesz inna klasę, np.

<li class="pierwsza"><a>1</a></li>
<li class="druga"><a>2</a></li>

później w css

.li pierwsza a:hover {...};
.li druga a:hover {...};

edit: zostałem wyprzedzony (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował bikerszymek 21.12.2008, 21:54:48
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
Nie ma takiego selektora CSS któryby pozwalał na pobranie co drugiego (czy co ntego) elementu.

Bredzisz. (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) http://www.w3.org/TR/css3-selectors/#structural-pseudos

Fakt, CSS3, ale to wcale nie oznacza, że tego nie ma. W np. jQuery niektóre z nich są już zaimplementowane. Więc jeśli menu opiera się nie tylko na CSS, wtedy można pójść na kompromis i klasy dodawać via jQ.
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%)
-----


Hmm.. :nth-child() to od dawna znam, ale zważywszy na fakt, że specyfikację selektorów CSS3 czytałem 2 tyg. temu... jak tego nie skojarzyłem? oO

Nic, mój bład. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
Adam-240
post
Post #7





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 16.11.2008

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


No tak myślałem, że się tego nie zrobi w CSS 2.1 więc chyba zrobię na tej zasadzie, że będzie jedno tło a najwyżej będzie się ono zmieniało po najechaniu bo jeżeli bym zrobił tak na przemian to jeżeli bym stronę pod jakiś CMS to by trzeba było go modyfikować bo mój kumpel raczej będzie chciał ten layout abym mu zakodował pod jakiś darmowy CMS.
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%)
-----


A co to za problem naipsać helpera, który by przy każdej interencji pętli wyświetlał na przemian wartość A i wartość B?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 23:45