jak zrocib aby po najechaniu na link zmienial sie jego wyglad
np. zeby zmienil sie kolor z niebieskiego na zielony?
zaznaczenie linku
Re: zaznaczenie linku
html:
<a href="xyz.com" class="changing">......</a>
css:
a.changing { color: blue }
a.changing:hover { color: green }
<a href="xyz.com" class="changing">......</a>
css:
a.changing { color: blue }
a.changing:hover { color: green }
Re: zaznaczenie linku
mozesz poprostu w css napisać
Wtedy nie muśisz pisać class="changing"
Kod: Zaznacz cały
a {color: blue}
a:hover {color: green}Re: zaznaczenie linku
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.
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.
Re: zaznaczenie linku
LOL coz za wyczerpujacy wyklad:P
dziex 4all
dziex 4all

