Jak zrobic animowane linki?

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
ciawares
Posty: 4
Rejestracja: ndz gru 12, 2004 11:44 pm

Jak zrobic animowane linki?

Post autor: ciawares »

W jaki sposob mozna zrobic linki na stronie, ktore po najechaniu myszka np. podkresla sie lub zmienia kolor?

Pozdrawiam
iro
Moderator
Posty: 402
Rejestracja: pt gru 19, 2003 8:20 pm
Lokalizacja: Szczecin

Re: Jak zrobic animowane linki?

Post autor: iro »

Oczywiście stylem css.

Kod: Zaznacz cały

a:hover {
        text-decoration: underline;
}
To sprawi, że po najechaniu myszką na linka zostanie on podkreślony.
lilo
Posty: 11
Rejestracja: śr gru 08, 2004 10:08 am
Lokalizacja: wielkopolska
Kontakt:

Re: Jak zrobic animowane linki?

Post autor: lilo »

Mozesz to osiągnąć wykożystując style.
np.:

[xml]a:link { cecha: wartość } - odsyłacz
a:link { color: blue }
a:visited { cecha: wartość } - odwiedzony
a:visited { color: purple }
a:active { cecha: wartość } - aktywny
a:active { color: navy }
a:hover { cecha: wartość } - najechanie myszką
a:hover { color: red; text-decoration: underline }
---------------------------------------------------------------------
color: - kolor odsyłacza

text-decoration: - dekoracja tekstu
none - bez zmian
underline - podkreślenie
line-through - przekreślenie
overline - nadkreślenie
blink - migotanie tekstu (w Netscape i Oprera 7)

font-weight: - waga tekstu
normal - czcionka normalna
bold - czcionka pogrubiona[/xml]
itd. :-D
ciawares
Posty: 4
Rejestracja: ndz gru 12, 2004 11:44 pm

Re: Jak zrobic animowane linki?

Post autor: ciawares »

Dzieki dzieki dzieki :D
Uratowaliscie mi zycie ;)
Pozdro
ciawares
Posty: 4
Rejestracja: ndz gru 12, 2004 11:44 pm

Re: Jak zrobic animowane linki?

Post autor: ciawares »

lilo pisze:Mozesz to osiągnąć wykożystując style.
np.:

[xml]a:link { cecha: wartość } - odsyłacz
a:link { color: blue }
a:visited { cecha: wartość } - odwiedzony
a:visited { color: purple }
a:active { cecha: wartość } - aktywny
a:active { color: navy }
a:hover { cecha: wartość } - najechanie myszką
a:hover { color: red; text-decoration: underline }
---------------------------------------------------------------------
color: - kolor odsyłacza

text-decoration: - dekoracja tekstu
none - bez zmian
underline - podkreślenie
line-through - przekreślenie
overline - nadkreślenie
blink - migotanie tekstu (w Netscape i Oprera 7)

font-weight: - waga tekstu
normal - czcionka normalna
bold - czcionka pogrubiona[/xml]
itd. :-D
A mogłbys mi napisac ten kod do jednego przykladowego linku, bo nie wiem co mam wpisac zamiast "cecha" a co zamiast "wartosc" :(
Np. zrob link ktory bedzie odsylal mnie na wasze forum powiedzmy ;)
Pozdrawiam
iro
Moderator
Posty: 402
Rejestracja: pt gru 19, 2003 8:20 pm
Lokalizacja: Szczecin

Re: Jak zrobic animowane linki?

Post autor: iro »

W pliku html ustawiasz linka:

Kod: Zaznacz cały

<a href="http://forum.webinside.pl">Webinside</a>
W pliku css wpisujesz np:

Kod: Zaznacz cały

a:link
{
     color: #000000;
     text-decoration: none;
}
a:visited
{
     color: #000000;
     text-decoration: none;
}
a:hover
{
     color: red;
     text-decoration: underline;
}
a:active
{
     color: #ffffff;
     text-decoration: none;
}
Wystarczy podpiąć plik css do dokumentu html i gotowe.

BTW: Przeczytaj proszę kurs html i css na WI. Na prawdę Ci pomoże, bo to o co pytasz to podstawy, których możesz się szybko nauczyć.
ciawares
Posty: 4
Rejestracja: ndz gru 12, 2004 11:44 pm

Re: Jak zrobic animowane linki?

Post autor: ciawares »

Ok juz do tego doszedlem :D
Wielkie dzieki za pomoc!!!!
Pozdrawiam
lilo
Posty: 11
Rejestracja: śr gru 08, 2004 10:08 am
Lokalizacja: wielkopolska
Kontakt:

Re: Jak zrobic animowane linki?

Post autor: lilo »

wydawalo mi sie ze prosto opisalem "how to".
naszczescie moderatorzy czuwaja :d
ODPOWIEDZ