miten sais sellasen linkin, kun pistää hiiren sen päälle, niin väri vaihtuu ja kun ottaa hiiren pois linkin päältä, niin taas jne...
Eli miten sellasen vois tehä?
väriä vaihtava linkki?
linkkimi
5
450
Vastaukset
Lisää tyyliohjeeseesi (CSS-koodiin) esimerkiksi seuraava:
:link:hover, :visited:hover {
color: #c00;
background: #fff; }
Tällöin väri palaa alkuperäiseksi, kun viet "hiiren pois linkin päältä", oikeammin sanottuna viet osoittimen pois linkin alueelta (yleensä hiirtä liikuttamalla).
Jos jostain oudosta syystä haluat, että linkin väri tällöin muuttuukin joksikin kolmanneksi (hauska jäynä?), tarvitset JavaScriptiä, käytännössä onmouseover- ja onmouseout-määritteiden avulla.- no ei nyt.....
sentään.....
jos vähän viitsii naputtaa niin tekee sitten useamman luokan a-elementille...
a.weblinkki: hover
---- jotain ----
a.weblinkki_akt: active
--- jotain ---
a.weblinkki::visited
--- jotain ---
ja vaihtaa tarpeen vaatiessa linkin luokan no ei nyt..... kirjoitti:
sentään.....
jos vähän viitsii naputtaa niin tekee sitten useamman luokan a-elementille...
a.weblinkki: hover
---- jotain ----
a.weblinkki_akt: active
--- jotain ---
a.weblinkki::visited
--- jotain ---
ja vaihtaa tarpeen vaatiessa linkin luokanMiten luokat auttaisivat asiaa?
Kysymyshän oli siitä, että linkillä on jokin väri alkutilanteessa, osoittimen ollessa sen alueella jokin muu väri (helppo tehdä CSS:llä, joskin tämä on vielä helpompi tehdä tavalla tai toisella väärin) ja sitten osoittimen poistuttua alueelta vielä jokin kolmas väri. Sellainen ei tunnu järkevältä, mutta ehkä siihen on joskus jokin syy, ja kirjoitin siis, että se ei onnistu CSS:llä.
Jos olet eri mieltä, kerro toki, miten sen saisit aikaan. Luokat eivät auta, vielä vähemmän se, että käyttää syntaktisesti väärää CSS-koodia kuten naputelmassasi. Eikä :active-pseudoluokka, jota luultavasti tarkoitit keskimmäisessä katkelmanpalasessa, sekään auta mitään – eihän osoittimen vieminen linkin alueelle tai pois sieltä muuta elementtiä aktiiviseksi.
Voit osoittaa olevasi oikeassa esittämällä sellaisen sivun URLin, jolla asia on tehty CSS:llä.
määrität normaalit tyylit css -tiedostossa tagille a ja värinvaihdon tagille a:hover
Esimerkiksi:
a {
color:#000; /* Musta */
}
a:hover {
color:#F00; /* Punainen */
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Voisin jopa maksaa että saisin nähdä sut mies
Miten helvetissä joku voi olla tollanen kotihiiri. Edes mä en ole noin paha ku sä! Miten sua voi ikinä edes nähdä ?791525Tumman vihreä mercedes
Mikä se on tuo kylää ympäri ajava vihreä mercedes, takakontti tärisee kuin hullu ja välillä kylän juoppojakin kuskailee,141004Miksi tällainen pelottaa ja aiheuttaa joillakin ärtymystä?
"Sitoudun ystävien ja kollegoiden kanssa puuttumaan seksistisiin vitseihin ja vähättelyyn. Sanon ääneen, kun jokin ei ol79902Käyttäkää kumia kajaanilaisten naisten kanssa
Elkää ottako riskiä ilman kumia kun saattaa käydä niin että sinusta tuleekin isä lapselle ja elättäjä molemmille.95902Tunnusmerkkejä Kaivatulle
Jotain mistä toinen tunnistaa. Täällä vaalea nainen kaipaa miestä jolla vaaleat hiukset ja asuu maalla. Pelataanko kortt51724Jymyuutinen: Suomen talous kasvaa hurjaa vauhtia
https://www.iltalehti.fi/talous/a/11fba8a8-a7fb-44f4-a58b-f129f6d5bdf5 Akavan pääekonomistin mukaan Suomen kokonaistuot138665- 53664
Pakkomielle
Tahdon pyytää anteeksi, että olen kaivannut sinua kaikki nämä vuodet ja olet ollut minulle pakkomielle. Nyt on aika pääs48641Oletko nainen enää täällä?
En ole tunnistanut kirjoituksiasi hetkeen. Ainoastaan yhdessä neutraalissa ketjussa, missä ei ollut kyse tunteista. Hyv51641- 74623