Linkkiotsikko

Miten pystyy tekemään sellaisen jutun linkkiotsikoihin, että taustan väri muuttuu vaikka punaiseksi, jos hiirii menee linkin päälle?
Mutta tekstiväri pysyy samana
15584
Äänestä

Muut lukivat myös

Vastaukset 15

Vanhimmat

http://www.w3schools.com

sieltä linkki "Learn CSS" -> "CSS Advanced" otsikon alta "CSS Pseudo-classes" -> "Examples" alta "Hyperlink 2" (This example demonstrates how to add other styles to hyperlinks) -> 'esimerkki 3' on sama kuin kysymyksesi..

Äänestä
  • joo, mut kun en osaa laittaa sitä koodia. mulla on jo linkit valmiina taulukoissa, mut en tiiä, miten saan sen koodin toimimaan, eli miten lisään sen sinne...

    Äänestä

  • Tyty kirjoitti:

    joo, mut kun en osaa laittaa sitä koodia. mulla on jo linkit valmiina taulukoissa, mut en tiiä, miten saan sen koodin toimimaan, eli miten lisään sen sinne...

    http://www.w3schools.com/css/css_howto.asp

    Äänestä


  • minä kirjoitti:

    eli tarkemmin Example 2:nen..

    yritin, mutta miten sen voi muka laittaa just siihen kohtaan, missä se linkki jo on, jos linkit on tehty scriptillä..en saa laitettua...;(

    Äänestä

  • Tyty kirjoitti:

    yritin, mutta miten sen voi muka laittaa just siihen kohtaan, missä se linkki jo on, jos linkit on tehty scriptillä..en saa laitettua...;(

    eihän sitä tarvitse laittaa siihen kohtaa missä se linkki on.

    esim.

    ####style.css-tiedosto######
    a:link {color:green}
    a:visited {color:yellow}
    a:active {color:blue}
    a:hover {color:black}


    #####tiedosto.html-tiedosto######

    Äänestä

  • minä kirjoitti:

    eihän sitä tarvitse laittaa siihen kohtaa missä se linkki on.

    esim.

    ####style.css-tiedosto######
    a:link {color:green}
    a:visited {color:yellow}
    a:active {color:blue}
    a:hover {color:black}


    #####tiedosto.html-tiedosto######

    kiitos avusta, mutta en osaa

    Äänestä

  • Tyty kirjoitti:

    kiitos avusta, mutta en osaa

    yrititkö edes? aloita ensin mahdollisimman yksinkertaisesta (eli vaikka tuosta antamastani esimerkistä) ja koita muokata sitä sellaiseksi kun haluat. jos saat sen onnistumaan niin sama pitäisi toimi myös monimutkaisemmista kokonaisuuksesta. jos ei harjoittele niin ei voi oppia. ja ne asiat mitkä on opittu kantapään kautta niin pysyvät mielessä ainakin seuraavaan kertaan..

    sitä sivuakin voi lukea(ja linkkejäkin saa käyttää). siellä on asia selitetty aika hyvin

    (vai kuulutko ryhmään "tänne nyt heti minulle kaikki valmiina"?)

    Äänestä

  • minä kirjoitti:

    yrititkö edes? aloita ensin mahdollisimman yksinkertaisesta (eli vaikka tuosta antamastani esimerkistä) ja koita muokata sitä sellaiseksi kun haluat. jos saat sen onnistumaan niin sama pitäisi toimi myös monimutkaisemmista kokonaisuuksesta. jos ei harjoittele niin ei voi oppia. ja ne asiat mitkä on opittu kantapään kautta niin pysyvät mielessä ainakin seuraavaan kertaan..

    sitä sivuakin voi lukea(ja linkkejäkin saa käyttää). siellä on asia selitetty aika hyvin

    (vai kuulutko ryhmään "tänne nyt heti minulle kaikki valmiina"?)

    Oon kyllä jo monta tuntia tänäänkin yrittänyt tehdä kyseistä juttua, mutta en vaan jotenkin tajua..vaikka koko ajan kokeilen uudelleen ja uudelleen..täytyy vaan yrittää ilmeisesti lisää...

    Äänestä

  • Tyty kirjoitti:

    Oon kyllä jo monta tuntia tänäänkin yrittänyt tehdä kyseistä juttua, mutta en vaan jotenkin tajua..vaikka koko ajan kokeilen uudelleen ja uudelleen..täytyy vaan yrittää ilmeisesti lisää...

    koita luoda tiedosto style.css, johon copy&pastaat tuon antamani esimerkin (eli kaikki mitä on ####style.css-tiedosto###:n alla)

    sen jälkeen luot testi.html johon kopioit sen html koodin (huomaa kirjoitusvirhe; eli linkin osoiteen lopusta puuttuu merkki ")

    tämän jälkeen kun avaat testi.html selaimessa niin siinä pitäisi olla vihreä linkki

    Äänestä

  • minä kirjoitti:

    koita luoda tiedosto style.css, johon copy&pastaat tuon antamani esimerkin (eli kaikki mitä on ####style.css-tiedosto###:n alla)

    sen jälkeen luot testi.html johon kopioit sen html koodin (huomaa kirjoitusvirhe; eli linkin osoiteen lopusta puuttuu merkki ")

    tämän jälkeen kun avaat testi.html selaimessa niin siinä pitäisi olla vihreä linkki

    No joo antaa olla ei se oonistu

    Äänestä

  • Tyty kirjoitti:

    No joo antaa olla ei se oonistu

    voi olla että on parempi jättää väliin jos et osaa kopioida tekstiä paikasta a paikkaan b

    Äänestä

  • minä kirjoitti:

    voi olla että on parempi jättää väliin jos et osaa kopioida tekstiä paikasta a paikkaan b

    vika taitaa olla siinä, että käytössä on dreamviiveri tai frontpage, eikä tiiä miten niihin pastais koodeja. Notepadin käyttö html:n yhteydessä on taas tuntematon käsite.

    Ihmettelen vaan kuinka pitkä pinna sulla oli ennenkuin kylläännyit neuvomiseen. Tällasta tää on. Koeta opettaa apinalle videon käyttöä vaikka apina ei saa edes tv:tä päälle.

    Äänestä

  • hiihaa kirjoitti:

    vika taitaa olla siinä, että käytössä on dreamviiveri tai frontpage, eikä tiiä miten niihin pastais koodeja. Notepadin käyttö html:n yhteydessä on taas tuntematon käsite.

    Ihmettelen vaan kuinka pitkä pinna sulla oli ennenkuin kylläännyit neuvomiseen. Tällasta tää on. Koeta opettaa apinalle videon käyttöä vaikka apina ei saa edes tv:tä päälle.

    Ilmeisesti pitempi pinna kun sulla, kun heti veät herneen nenään. Mitä se sulle kuuluu, jos neuvoa kysyn.Ei tarvi alkaa heti rähisemään.

    Äänestä

http://www.sivut.org/

lue htmlosio ja tyyliosio ajatuksella ja muistion kanssa testaten läpi. sivuilla on suomenkieliset selkeät ohjeet. sen jälkeen noudata yllä annettuja ohjeita uudella varmuudella.

Äänestä

Kommentoi aloitusta


Tyty kirjoitti:

Miten pystyy tekemään sellaisen jutun linkkiotsikoihin, että taustan väri muuttuu vaikka punaiseksi, jos hiirii menee linkin päälle?
Mutta tekstiväri pysyy samana

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu