Support » Teemat ja mallit » Taustakuvan vaakascrollaus

  • Täällä taas – tällä kertaa ongelmana on se, että taustakuvassa (horisontaalissa suunnassa oleva) informaatio jää piiloon pienemmillä selainikkunoilla, eikä taustakuvaa pelkästään voi scrollata esiin, vaan scrollaus loppuu tasan siihen, mihin sivun sisältö vaakasuorassa loppuu. Pyydänkö nyt mahdottomia vai olenko vauhtisokea, kun en keksi mitä tehdä?
    tässä sivut:

Esillä 15 vastausta, 1 - 15 (kaikkiaan 15)
  • Linkki taisi unohtua?

    Moderator Daniel Koskinen

    (@daniel-koskinen)

    Linkki olisi tosiaan hyödyllinen, niin ehkä tämä avautuisi paremmin.

    Vastaan kumminkin, että yksi tapa varmistaa mahdollisuus taustakuvan skrollaukseen on laittaa WordPress-teemasi CSS-tiedostoon body-elementille suuri leveys, esim 1600px (oikeastaan tämä kannattaa laittaa samaksi kuin käyttämäsi taustakuvan leveys).

    Kaikkein paras vaihtoehto on kuitenkin olla upottamatta tärkeää informaatiota taustakuviin ja sen sijaan sisällyttää se osaksi varsinaista sivun sisältöä. 🙂

    Thread Starter pippuriina

    (@pippuriina)

    hups, linkki jäi pois:

    Thread Starter pippuriina

    (@pippuriina)

    eikö se nyt vieläkään tullut, no höh – http://www.suomenart.com

    Thread Starter pippuriina

    (@pippuriina)

    Jep, koitan tuota body-elementin leveyttä, kiitos, huikkaan jos ei toimi..joo, ei toi paras paikka ole tiedolle mutta tällä kertaa en itse suunnitellut ulkoasua, ja asiakas on aina oikeassa 🙂

    Sulla on #site-elementissä min-width-asetus. Vaihda se width-asetukseksi ja säädä leveyttä enemmän, niin jo toimii.

    Taustakuvana tulisi kyllä mieluummin olla max. muutaman kilotavun kuva tai pelkkä HEX-väri. Mutta toki jos asiakas, haluaa, niin ei voi mitään. 12″ näytöllä teeman taustan tiedot ei näy kokonaan. Esimerkiksi osoitetiedot peittyy tuosta vain. Samoin lataus kestää hitaammalla yhteydellä (tausta puoli megatavua).

    Thread Starter pippuriina

    (@pippuriina)

    Joo, näin on, täytyy keskustella tuosta taustasta vielä…

    Mutta muokkasin #site- elementille leveyttä lisää, homma toimii, kiitos!

    Käyttämällä Smush.it:iä tuosta taustakuvasta hujahtaa melkein 40% tiedoston koosta pois, se nyt ainakin kannattaa tehdä. Jos olet Pippuriina Mac-käyttäjä, ImageOptim on aivan ehdoton apuväline kaikkiin web-julkaisuihin.

    Jokkenikioma

    (@jokkenikioma)

    Moi, pro käyttäjät 🙂
    Miten ja minne tuo imageOptim tallentaa sitten sen kuvan jonka on ”kutistanut”.

    Hienosti ja nopeasti kutistaa kuvia mutta en tiedä missä ne kutistetut kuvat on.

    Olen aivan aloittelija tällä wordpress puolella. Ja kaikki joudun opettelemaan kantapään kautta.

    En edes saa omille sivuille taustakuvaa. Mutta muuten olen onnistunut jotenkin.

    Kiitos

    Moderator Sami Keijonen

    (@samikeijonen)

    ImageOptim näyttäs olevan ihan erillinen ohjelma, joten joko se tallentaa kuvan samaan paikkaan kuin mistä sen ohjelmaan laitoitkin tai sitten voit valita jonkun toisen sijainnin. Tällä ei siis sinänsä ole mitään tekemistä WP:n kanssa.

    Jokkenikioma

    (@jokkenikioma)

    No kuinka tai mistä pääsen muokkaamaan oman kotisivuni taustakuvan uusiksi. Pelkkäväri ei minua kiinnosta, haluasin laittaa hillittyä tilanne kuvaa.
    Onko siihen yksinkertaista paikkaa ja tapaa?

    Kiitos

    Moderator Sami Keijonen

    (@samikeijonen)

    Mitä teemaa käytät? Joissakin teemoissa taustakuvan voi vaihtaa kohdasta Ulkoasu >> Tausta.

    Yleisesti tarvitsee opetella CSS:n alkeet ja taustakuvaa saa vaihdettua style.css tiedostoon määrittelemällä jotain tällaista.

    body {
    background: url('images/minun_taustakuva.jpg');
    }
    Jokkenikioma

    (@jokkenikioma)

    Kiitos,
    Nyt kirjastoon 🙂

    Alla kopiotu mun teema muokkan sivulta kopioitu.
    Style.ie6.css, valikosta kopioitu.
    Olenko nyt oikeassa paikassa?

    /* begin Page */

    img
    {
    filter:expression(fixPNG(this));
    }
    /* end Page */

    /* begin Box, Sheet */
    .art-Sheet, .art-Sheet-body
    {
    zoom:1;
    }

    .art-Sheet-body
    {
    position:static;
    }

    .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
    {
    font-size: 1px;
    background: none;
    }

    Tähän background: none; tilalle tuo sinun laittama teksti?

    Moderator Sami Keijonen

    (@samikeijonen)

    Noup. Kuten mainitsin, niin muutokset tehdään style.css tiedostoon. Ja kaikkein parasta on tehdä muutokset lapsiteeman style.css tiedostoon. Muuten menetät kaikki muutokset, kun päivität teeman.

    Mitä teemaa siis käytät?

Esillä 15 vastausta, 1 - 15 (kaikkiaan 15)
  • The topic ‘Taustakuvan vaakascrollaus’ is closed to new replies.