Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS?]Menu podświetlane
Drav
post
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 14.09.2008
Skąd: Polska

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


Witam!
Chciałbym stworzyć menu, które działa w następujący sposób.
Jest tło, jest obrazek, a po najechaniu na obszar z tłem i obrazkiem, obrazek tła podmienia się na inny.
Trosze to zagmatwane, więc może pokażę na przykładzie smile.gif
http://www.photoshopportal.pl/ na górze strony jest takie własnie menu.

Domyślam się, ze chodzi tu o CSS'a, jeśli tak prosiłbym o podanie ewentualnego kodu (mój CSS niestety jeszcze raczkuje biggrin.gif)

Pozdrawiam i z góry dziękuję za wszelką pomoc.


--------------------
XHTML | CSS | PHP (Uczę się :D)
Go to the top of the page
+Quote Post
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Np.

Kod
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>


Poczym ostawiasz odpowiednie wartości dla

Kod
li {background-color: green;}
li :hover{background-color: red;}
li :active{background-color: blue;}


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
ShrekPl
post
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 1
Dołączył: 15.01.2009

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


Polecam program css menu generator. Za jego pomocą możesz stworzyć chyba ze trzy rodzaje menu a mając wygenerowane w ten sposób przykłady możesz dopasować je do własnych potrzeb.
Go to the top of the page
+Quote Post
Drav
post
Post #4





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 14.09.2008
Skąd: Polska

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


hmm, a jednak coś jest nie tak, nie działa smile.gif


--------------------
XHTML | CSS | PHP (Uczę się :D)
Go to the top of the page
+Quote Post
Strarus
post
Post #5





Grupa: Zarejestrowani
Postów: 339
Pomógł: 12
Dołączył: 22.11.2008

Ostrzeżenie: (20%)
X----


HTML:
Kod
<a class="link" href="#">Link1</a>
<a class="link" href="#">Link2</a>
<a class="link" href="#">Link3</a>
<a class="link" href="#">Link4</a>


CSS:
Kod
a.link:link {
background-color: white;
color: red;
text-decoration: none;
}
a.link:hover {
background-color: gray;
color: blue;
text-decoration: none;
}


Może pomoże smile.gif
Go to the top of the page
+Quote Post
Drav
post
Post #6





Grupa: Zarejestrowani
Postów: 82
Pomógł: 0
Dołączył: 14.09.2008
Skąd: Polska

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


pomogło, w dużej mierze smile.gif
dzięki.


--------------------
XHTML | CSS | PHP (Uczę się :D)
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 - 12:10