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?
5
438
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
Saisinpa halata sinua joka päivä
ja kertoa miten paljon sinusta välitän. Vaikka olisi jommalla kummalla huono päivä, väsynyt päivä tai kiireinen päivä, a647084Nykymiehet odottaa, että nainen lähestyy?
Perus luonnonlaki menee päinvastoin! Oletko nähnyt luontodokkaria jossa naaraat juoksee uroksien perässä??? 🦁🫎🦍🐒🦦�2325833Me työeläkeläiset äänestämme SDP:tä
SDP on luonut koko työeläkejärjestelmän, jonka hedelmistä saamme nyt nauttia. Kansaneläkelaitos on Maalaisliiton tekele,744555Kolmen tuiki tavallisen demariahdistelijan nimet julki
Nyt tiedetään ketkä kolme oli niissä niin tavanomaisissa demarin jokapäiväisissä askareissa avustajia ahdistelemassa. K1063792Sannahan laski sähkön ALV:n 10 prosenttiin, Riikka runnoi 25,5 %:iin
Tässäkin nähdään kumpi on Suomen kansan puolella, ja kumpi omaa vastaan. Putinistipersuille Suomen kansa tulee aina vii742956Eikö tunnukin kamalalta, kun en
anna periksi vaikka parhaasi olet tehnyt antaaksesi täystyrmäyksen? Ja kyllähän minä monta iskua olen saanut ja maannut662917Kansalaispalkka ja maksuton joukkoliikenne
Noilla pienillä parannuksilla saadaan Suomesta taas hitusen parempi paikka peruskansalaiselle, joka elää ekologisesti ja1192620SDP:n selitykset ontuu pahasti - "On käsitelty heti, mutta kukaan ei tiedä"
Kokoomuslaiset pistää taas demareita nippuun. Tuppuraisen mukaan mukaan SDP:n useat ahdistelutapaukset on käsitelty het252083Antti Lindtman: "Ainahan kaikenlaisia huhuja liikkuu"
Näin hän siis vastaa SDP:n häirintäkohuun, väistelee vastuutaan Juttuhan on niin, että Lindtman ja Tuppurainen on tasan621937Muistattekos kun kaupassa piti pyytää tavarat myyjältä
Edes kahvipakettia ei saanut itse valita, vaan myyjä nouti sen hyllystä tiskille. Jos osti jauhelihaa, niin se jauhettii2551831