Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Linki w menu - css
oshimasoo
post 17.09.2009, 07:36:28
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


Witam!

Bardzo prosze o podpowiedź. Chce aby po naciśnięciu na link zostało tło odnośnika takie jak po najechaniu na niego. A przy zmianie linku aby przeszło na następny link a z poprzedniego zniknęło.

Bardzo Was proszę!

biggrin.gif pozdrawiam
Go to the top of the page
+Quote Post
askone
post 17.09.2009, 08:01:10
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Hej

poczytaj o pseudo klasach:hover, active, visited, link -> tutaj CSS


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
oshimasoo
post 17.09.2009, 08:05:21
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


Wiesz co mam coś takiego...



ul#mainlevel-nav li a
{
display: block;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
color: #CCCCCC;
font-weight:bold;
}


#topmenu>ul#mainlevel-nav li a, a:visited {
width: auto;
}


ul#mainlevel-nav li a:hover, a:active {
color: #FFFFFF;
height: 50px;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
text-decoration:none;
}
Go to the top of the page
+Quote Post
askone
post 17.09.2009, 08:18:50
Post #4





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


O ile dobrze Cię zrozumiałem to aby uzyskać to co chcesz, zrób tak:

Kod
#topmenu>ul#mainlevel-nav li a, a:visited {
width: auto;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
}


Ten blok opisuje właściwości elementu, który został już wcześniej odwiedzony.

Ten post edytował fly474 17.09.2009, 08:19:06


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
oshimasoo
post 17.09.2009, 08:34:14
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


Nie do końca, teraz podświetla mi wszystkie linki odwiedzone a mi chodzi o to zeby zmienialo sie podswietlenie linku wraz z zmiana strony

tak jak np. tutaj

http://www.templatehelp.com/aff/preview.ph...tml&i=25195

klikasz na menu i zostaje kolor
Go to the top of the page
+Quote Post
askone
post 17.09.2009, 08:39:17
Post #6





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Teraz rozumiem smile.gif

Aby osiągnąć taki efekt musisz zdefiniować nową klasę np.

Kod
ul#mainlevel-nav li a.current {
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
}


Rozwiązanie drugie to rozszerzenie istniejącej definicji dla linków hover, active do postaci:

Kod
ul#mainlevel-nav li a:hover, a:active, a.current {
color: #FFFFFF;
height: 50px;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
text-decoration:none;
}


Ponadto aktywna opcja w menu musi posiadać atrybut "class" równy właśnie "current". Jak to zrobić to zapewne już będziesz wiedział smile.gif

Kod
np:<a class="current" href="adres">opcja</a>


Ten post edytował fly474 17.09.2009, 08:43:47


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
oshimasoo
post 17.09.2009, 08:51:16
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


Bardzo Ci dziękuję ale wiesz w czym problem to jest CMS MAMBO i nie wiem gdzie znaleść pozycje odnośników górnego menu smile.gif
Go to the top of the page
+Quote Post
askone
post 17.09.2009, 09:02:02
Post #8





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Nie znam tego CMS'a. Poszukaj w dokumentacji, na forum lub zapytaj wujka Dobrą Radę smile.gif


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
oshimasoo
post 17.09.2009, 09:04:41
Post #9





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


class="mainlevel-nav"
znalazłem cos takiego w źródle strony to jest klasa odnośnika wpisana teraz
Go to the top of the page
+Quote Post
askone
post 17.09.2009, 09:08:25
Post #10





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Jeśli jest tak jak piszesz to aby dodać kolejną klasę - tutaj "current" - powinieneś rozszerzyć definicję do postaci:

Kod
class="mainlevel-nav current"


ps. Zawsze mi się wydawało, iż "#" oznacza id...


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
oshimasoo
post 17.09.2009, 09:23:17
Post #11





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 17.09.2009

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


Ok dzieki będe szukał gdzie to odnośniki zapisuje... Pozdraiam i dzieki za pomoc!!
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 Wersja Lo-Fi Aktualny czas: 22.06.2025 - 03:33