[CSS]Zmiana odnośników w menu na graficzne ( w tym zmienne ).

ukaszf9 · 2011-09-27 12:26:44

Do zmiany danych odnośników użyj tego schematu:

Kod:

li#navuserlist a[href="LINK"] { content: url(Link do obrazka); }

Gdzie li#navuserlist odnosisz się do tego odnośnika, który chcesz zmienić ( lista podana na dole ).
Gdzie LINK to gdzie ten dany odsyłacz przekierowuje czyli klikamy w niego i kopiujemy link, po czym wklejamy go w to miejsce.
Gdzie Link do obrazka wstawiamy link do obrazka.

I tak poszczególne odnośniki z wyjątkiem Profil i wyloguj, które są różne w zależności od tego na jakim jesteś profilu. W takim wypadku używamy następującej kombinacji:
- Dla profilu

Kod:

li#navprofile a[href*="profile.php?id="] { content: url(Link do obrazka); }

- Dla wyloguj

Kod:

li#navlogout a[href*="login.php?action=out"] { content: url(Link do obrazka); }

Oczywiście kody wklejamy w modyfikację css.

Lista odnośników
li#navforums - Forum
li#navindex - Index
li#navuserlist - Lista użytkowników
li#navsearch - Wyszukiwarka
li#navadmin - Administracja
li#navpm - Prywatne wiadomości

Podpowiedź - tam gdzie link podaj samo to co jest po krzywej kresce w linku ( po / ).

Mistrz2244 · 2011-10-01 19:08:05

Działa, tylko jest problem. Jest obrazek lecz ja chciałbym obrazek + napis.

Ostatnio edytowany przez Mistrz2244 (2011-10-01 19:20:43)

hektor.team · 2011-10-01 19:15:34

A z jakiej przeglądarki korzystasz?

Mistrz2244 · 2011-10-01 19:21:03

Google Chrome ;p

ukaszf9 · 2011-10-02 07:25:13

Proponuje wszystkim co korzystają z tego kodu przeczytać ten temat- http://noof.pun.pl/viewtopic.php?id=59
Na niektórych przeglądarkach jest napis ( bodajże Mozilla i IE ), a na innych nie ( Opera, Google Chrome ).

W twoim przypadku mistrz wystarczy zastosować się nie dostosować bezpośrednio do linku a.
Na przykładzie

Kod:

li#navindex:before { content: url(http://img703.imageshack.us/img703/6255/messagesly.png); }

Utworzy to obok indexu ikonkę odpowiedzialną tutaj za pw. Lista odnośników jest na górze w pierwszym poście, wystarczy je zmienić z li#navindex

webprzemox · 2012-07-17 08:44:06

Jak pogrubić odnośniki w menu?

Prosze o kod , z góry dziękuje.

Ostatnio edytowany przez webprzemox (2012-07-19 09:10:38)

Nitsuite · 2012-07-31 15:06:15

#brdmenu a {font-weight:bold !important; }

Ostatnio edytowany przez Nitsuite (2012-07-31 15:06:39)

Nyeusi · 2012-12-30 17:11:29

Mam pytanie:
Czy tak będzie wyglądał kod na zmianę odnośnika "Zaloguj"?

Kod:

li#navlogin a[href*="login.php?action=in"] { content: url(Link do obrazka); }

Edit:
I jeszcze w ogóle mi to nie działa. Styl Chronicles, przeglądarka FireFox.

Ostatnio edytowany przez Nyeusi (2013-01-03 11:38:29)

ukaszf9 · 2013-01-03 19:24:33

li#navlogin a[href*="login.php?action=in"]:before { content: url(Link do obrazka); }

Nyeusi · 2013-01-11 16:19:05

No teraz były obrazki, ale razem z nimi normalne napisy. A ja chcę same obrazki.

Ogłoszenie

Reklama ( Kliknij w celu pokazania zaprzyjaźnionych stron )

Skrypty ( Informacje dotyczące użytkowania )

Współpraca ( Wymiana bannerem, kontakt itp. )

#1 2011-09-27 12:26:44