Näin vaihdetaan linkin väriä kun hiiren osoitin on sen päällä:
a:link { color: blue; }
a:hover { color: red; }
Tämä vaihtaa kaikkien linkkien väriä, entä kun haluaa vaihtaa vain joidenkin linkkien väriä,tai jättää jotkut linkit ilman värin vaihtoa, tai jos linkkejä on monissa vierikkäisissä palstoissa ja haluaa jokaiseen palstaan omat värit kuinka se tehdään?
Kiitos?
a:link { color: blue; }
a:hover { color: red; }
Tämä vaihtaa kaikkien linkkien väriä, entä kun haluaa vaihtaa vain joidenkin linkkien väriä,tai jättää jotkut linkit ilman värin vaihtoa, tai jos linkkejä on monissa vierikkäisissä palstoissa ja haluaa jokaiseen palstaan omat värit kuinka se tehdään?
Kiitos?
Vastaukset 1
Vanhimmat
kaikille eri linkkiosioille omat määritykset tyyliin
a.tekstilinkki:link, a.tekstilinkki:visited, a.tekstilinkki:active {
color: #D6813E;
text-decoration: underline;
font-weight: bold;
}
a.tekstilinkki:hover {
color: #82624E;
text-decoration: underline;
font-weight: bold;
}
a.kieli:link, a.kieli:visited, a.kieli:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a.kieli:hover {
color: #D6813E;
text-decoration: none;
font-weight: bold;
}
a.kieli2:link, a.kieli2:visited, a.kieli2:active {
color: #D6813E;
text-decoration: none;
font-weight: bold;
}
a.kieli2:hover {
color: #D6813E;
text-decoration: none;
font-weight: bold;
}
a.e_mail:link, a.e_mail:visited, a.e_mail:active {
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.e_mail:hover {
color: #CC3300;
text-decoration: underline;
font-weight: normal;
}
a.osoitelinkki:link, a.osoitelinkki:visited, a.osoitelinkki:active {
color: #82624E;
text-decoration: none;
font-weight: normal;
}
a.osoitelinkki:hover {
color: #82624E;
text-decoration: underline;
font-weight: normal;
}