zaznaczenie linku

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
andi
Nowy
Nowy
Posty: 20
Rejestracja: wt mar 15, 2005 4:10 pm
Lokalizacja: Łążyn 2

zaznaczenie linku

Post autor: andi »

jak zrocib aby po najechaniu na link zmienial sie jego wyglad
np. zeby zmienil sie kolor z niebieskiego na zielony?
viraptor
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn cze 28, 2004 12:58 pm
Kontakt:

Re: zaznaczenie linku

Post autor: viraptor »

html:
<a href="xyz.com" class="changing">......</a>
css:
a.changing { color: blue }
a.changing:hover { color: green }
boruta_m
Nowy
Nowy
Posty: 78
Rejestracja: sob paź 30, 2004 9:46 pm
Lokalizacja: Łódź

Re: zaznaczenie linku

Post autor: boruta_m »

mozesz poprostu w css napisać

Kod: Zaznacz cały

a {color: blue}
a:hover {color: green}
Wtedy nie muśisz pisać class="changing"
batusoo
Nowy
Nowy
Posty: 34
Rejestracja: pt maja 20, 2005 8:33 pm

Re: zaznaczenie linku

Post autor: batusoo »

LOL.
No więc podsumowując powyższe wypowiedzi:
jeśli chcesz aby na całej stronie linki były jednolite użyj polecenia ogólnego:
Tylko w pliku css napisz:
a:link, a:visited, a:active {
color: blue;
font-size: 12px;
font-family: Veranda, Arial, sans-serif;
text-decoration: none;
}
/* A teraz opis stylu po najechaniu myszki */
a:hover {
color: green;
font-size: 12px;
font-family: Veranda, Arial, sans-serif;
/* underline - podkreślenie, overline nadkreślenie, możesz napisać none */
text-decoration: underline overline;
}

Teraz oznaczenia:
color podajesz kolor linka zwykłego,
font-size czyli wielkość czcionki
font-family podajesz rodzaj czcionki (jest kilka ponieważ kiedy odwiedzający Twoją stronę nie ma zainstalowanej pierwszej, styl poda mu drugą itd.)
text-decoration tutaj możesz nadać podkreślenie, nadkreślenie, przekreślenie lub bez dekoracji tekstu.
--------------------------------
W przypadku zastosowania klas (np inne linki w menu a inne w treści artykułów i newsów):
w stylu css:

a.klasa:link, a.klasa:visited, a.klasa:active {
color: blue;
font-size: 12px;
font-family: Veranda, Arial, sans-serif;
text-decoration: none;
}
/* A teraz opis stylu po najechaniu myszki */
a.klasa:hover {
color: green;
font-size: 12px;
font-family: Veranda, Arial, sans-serif;
/* underline - podkreślenie, overline nadkreślenie, możesz napisać none */
text-decoration: underline overline;
}
a w kodzie html:
<a class="klasa" href="http://www.google.pl" title="Szukaj w Google">Google</a>

* w powyższym kodzie są zastosowane parametry: link, visited i active dla większej stabilności. W końcu oglądający Twoją stronę może korzystać z róznej przeglądarki.
To już wszystko na ten temat.
andi
Nowy
Nowy
Posty: 20
Rejestracja: wt mar 15, 2005 4:10 pm
Lokalizacja: Łążyn 2

Re: zaznaczenie linku

Post autor: andi »

LOL coz za wyczerpujacy wyklad:P

dziex 4all
ODPOWIEDZ