Vaihtoehtoinen CSS-tiedosto?

Yakubu

Onko mahdollista antaa käyttäjän valita sivuston tyyli? Esim: oletuksena vaalea sivupohja, mutta vaihtoehtona valita myös tumma sivupohja halutessaan. Miten tämä onnistuu?

Kiitos vastauksista jo etukäteen!

7

626

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Periaatteessa riittää:




      Mutta IE ei ymmärrä vaihtoehtoisista (alternate) tyyliohjeista mitään, joten tarvitaan jokin kömpelömpi tapa. Ei siis onnistu käytännössä pelkällä CSS:llä.

      • Yakubu

        Eli täältä: http://alistapart.com/stories/alternate/ löysin koodin josta pystyn nyt vaihtamaan tyylitiedostoa. Näyttää kuitenkin olevan niin, että sivua päivittämällä vaihtuu oletustyyli takaisin?

        Tarvitsisin sellaisen, että käyttäjän valitsema tyyli pysyisi päällä, vaikka sivua päivittäisi/klikkaisi itsensä toiselle sivulle. Hankalaa näyttää olevan, vai?


      • Yakubu
        Yakubu kirjoitti:

        Eli täältä: http://alistapart.com/stories/alternate/ löysin koodin josta pystyn nyt vaihtamaan tyylitiedostoa. Näyttää kuitenkin olevan niin, että sivua päivittämällä vaihtuu oletustyyli takaisin?

        Tarvitsisin sellaisen, että käyttäjän valitsema tyyli pysyisi päällä, vaikka sivua päivittäisi/klikkaisi itsensä toiselle sivulle. Hankalaa näyttää olevan, vai?

        Eli sain homman jotakuinkin toimimaan.


      • Yakubu kirjoitti:

        Eli täältä: http://alistapart.com/stories/alternate/ löysin koodin josta pystyn nyt vaihtamaan tyylitiedostoa. Näyttää kuitenkin olevan niin, että sivua päivittämällä vaihtuu oletustyyli takaisin?

        Tarvitsisin sellaisen, että käyttäjän valitsema tyyli pysyisi päällä, vaikka sivua päivittäisi/klikkaisi itsensä toiselle sivulle. Hankalaa näyttää olevan, vai?

        Mainitsemallasi sivulla kyllä mainitaan myös evästeet (cookies), joilla vaihtamisen voi tehdä pysyvämmäksi. Tästä aiheesta on paljon uudempiakin sivuja, mutta niissä siis on kyse muusta kuin CSS:stä. CSS on vain ikään kuin käsittelyn kohteena.

        Mutta moniako käyttäjiä kiinnostaisi sivustosi ulkoasun vaihtaminen? Vaihdettavuus alkaa olla mielekästä (ehkä), jos sivustossa on suosittu palvelu, joka hyötyy muustakin ”personoinnista”. Tyypillinen esimerkki on tv-ohjelmasivusto, jossa voi valita, minkä kanavien tiedot näkyvät, ja siinä sivussa voi ehkä valita myös värit, taustat yms. Silloin homma hoidetaan yleensä käyttäjätunnuksella ja salasanalla ja kirjautumismenettelyllä. Ideana on, että sivusto tuottaa kullekin käyttäjälle hänen valintojensa mukaisen esityksen – sekä sisällön että muotoilun kannalta.

        Hankalaa, mutta ei mahdotonta. Joka tapauksessa kyseessä on asia, jota ei kannata tehdä, ellei osaa ja viitsi tehdä sitä kunnolla.


      • Yakubu
        Yucca kirjoitti:

        Mainitsemallasi sivulla kyllä mainitaan myös evästeet (cookies), joilla vaihtamisen voi tehdä pysyvämmäksi. Tästä aiheesta on paljon uudempiakin sivuja, mutta niissä siis on kyse muusta kuin CSS:stä. CSS on vain ikään kuin käsittelyn kohteena.

        Mutta moniako käyttäjiä kiinnostaisi sivustosi ulkoasun vaihtaminen? Vaihdettavuus alkaa olla mielekästä (ehkä), jos sivustossa on suosittu palvelu, joka hyötyy muustakin ”personoinnista”. Tyypillinen esimerkki on tv-ohjelmasivusto, jossa voi valita, minkä kanavien tiedot näkyvät, ja siinä sivussa voi ehkä valita myös värit, taustat yms. Silloin homma hoidetaan yleensä käyttäjätunnuksella ja salasanalla ja kirjautumismenettelyllä. Ideana on, että sivusto tuottaa kullekin käyttäjälle hänen valintojensa mukaisen esityksen – sekä sisällön että muotoilun kannalta.

        Hankalaa, mutta ei mahdotonta. Joka tapauksessa kyseessä on asia, jota ei kannata tehdä, ellei osaa ja viitsi tehdä sitä kunnolla.

        ..eihän tuo tietenkään mikään elinehto ole. Tämä nyt näyttää kuitenkin toimivan moitteetta jopa IE:llä, joten miksei? Mielestäni tästä tulisi ihan piristävä yksityiskohta sivuilleni, joille odotan kävijöidenkin löytävän ihan kivasti.

        Enää tässä seuraavanlainen probleema: Linkit, joista ulkoasu vaihtuu, on nyt listamuodossa. Mitenkä saisin käytössä olevan tyylin linkin aktiiviseksi, että näkee että on päällä. Esim. jos tyyli 2 päällä, olisi se vaikka tummemmalla taustalla kuin linkki 1.


      • Yakubu kirjoitti:

        ..eihän tuo tietenkään mikään elinehto ole. Tämä nyt näyttää kuitenkin toimivan moitteetta jopa IE:llä, joten miksei? Mielestäni tästä tulisi ihan piristävä yksityiskohta sivuilleni, joille odotan kävijöidenkin löytävän ihan kivasti.

        Enää tässä seuraavanlainen probleema: Linkit, joista ulkoasu vaihtuu, on nyt listamuodossa. Mitenkä saisin käytössä olevan tyylin linkin aktiiviseksi, että näkee että on päällä. Esim. jos tyyli 2 päällä, olisi se vaikka tummemmalla taustalla kuin linkki 1.

        Juuri kai totesit, että tyylinvaihto vaikuttaa vain siihen sivuun, jolla ollaan. Ei se minusta kovin hyvää toimivuutta ole. Vai teitkö jollakin tekniikalla sellaisen, joka toimii sivustokohtaisesti?

        Jos olet tehnyt tyylin vaihdon linkeillä (miten? URL olis taas kiva), niin eihän valittua tyyliä vastaavan kohdan pidä olla aktiivisen näköinen eikä edes linkki ollenkaan. Sehän olisi samanlainen moka kuin navigointivalikko, jossa on myös nykyiseen sivuun viittaava linkki (eikä vastaavaa tekstiä, joka ei ole linkki). Mutta tarkoititkin ehkä, että siitä näkee, ettei se ole linkki. No ainoa turvallinen tapa on se, että se ei _ole_ linkki. Ja se hoidetaan merkkauksen tasolla (ei ole ...) eikä CSS:ssä.


      • Yakubu
        Yucca kirjoitti:

        Juuri kai totesit, että tyylinvaihto vaikuttaa vain siihen sivuun, jolla ollaan. Ei se minusta kovin hyvää toimivuutta ole. Vai teitkö jollakin tekniikalla sellaisen, joka toimii sivustokohtaisesti?

        Jos olet tehnyt tyylin vaihdon linkeillä (miten? URL olis taas kiva), niin eihän valittua tyyliä vastaavan kohdan pidä olla aktiivisen näköinen eikä edes linkki ollenkaan. Sehän olisi samanlainen moka kuin navigointivalikko, jossa on myös nykyiseen sivuun viittaava linkki (eikä vastaavaa tekstiä, joka ei ole linkki). Mutta tarkoititkin ehkä, että siitä näkee, ettei se ole linkki. No ainoa turvallinen tapa on se, että se ei _ole_ linkki. Ja se hoidetaan merkkauksen tasolla (ei ole ...) eikä CSS:ssä.

        Jep, olinpas tyhmä. Sivukohtainenhan tämä, eli tyylin vaihto pitäisi suorittaa jokaisella sivulla erikseen, joka ei sitten olekaan niin hieno asia. Kiitos että sait meikäläisen avartumaan "jo" tässä vaiheessa. :)

        Ihan kokonaan en tästä tyylin vaihdoksesta vielä luopunut. Rupesi kiinnostamaan tämän kirjautumisen avulla tapahtuva vaihto. En mikään koodiguru ole, päinvastoin, joten olisiko sulla Yuccu tai joillain muulla vinkkejä mistä saisin tästä lisäinfoa/koodia?

        Tietenkin tämä CSS-puoli ei liene oikein paikka tähän keskusteluun..


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"

      Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä
      Maailman menoa
      234
      3992
    2. Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen

      Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.
      Maailman menoa
      123
      2307
    3. Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä

      Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575
      Maailman menoa
      82
      1996
    4. Harmi nainen kun

      olet niin elähtäneen näköinen. Miestä et koskaan löydä itelles. j
      Ikävä
      141
      1461
    5. Mistä kehon osasta

      Pidät minussa eniten?
      Ikävä
      77
      929
    6. Seuraavakin hallitus joutuu leikkaamaan

      Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein
      Maailman menoa
      127
      927
    7. Hotelli kainuu

      Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!
      Kuhmo
      37
      920
    8. Ovatko vastasyntyneet vauvat syntisiä?

      Se ihmisten keksimä järjetön perisynti, jos ovat!
      Luterilaisuus
      330
      849
    9. Pitäis vaan lopettaa

      Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei
      Ikävä
      8
      847
    10. J. Rinta-Joupilla jättimäinen veropetosvyyhti

      Seinäjoen keskustan kiinteismiljonäärit olleet jo pitkään ahtaalla ja liittykö J. Rinta-Jouppikin rintamaan? https://yl
      Seinäjoki
      61
      756
    Aihe