Taustakuvan venytys?

Tietääköhän kukaan onko olemassa html koodia tms. kotisivulle, mikä venyttää taustakuvan koko ruudun kokoiseksi? eli jos kuva on vaikka liian pieni tai suuri sen saisi näkymään koko ruudun kokoisena kuten windowsin taustakuvasysteemissä venytys, ettei toistuvana kuten normaalisti?
97082
Äänestä

Muut lukivat myös

Vastaukset 9

Vanhimmat

En nyt sit tiedä onko tässä mitään järkeä mutta kokeilin tällaista:



   Venytetty taustakuva
   
   body {
      margin: 0px;
      padding: 0px;
   }
   #sisus {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
   }
   #taustakuva img{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 1;
   }

















Aikamoinen purkkaviritys vai mitä.
Ei ole myöskään mitään takeita että tuomisi kaikissa selaimissa. Operan ja Mozillan uusimmissa näyttäis toimivan ihan ok, mutta IE ei ymmärrä liimata sitä taustaa paikalleen vaan se lähtee vierityksessä liikkeelle.

Sit jos tyylit otetaan pois pelistä niin se taustakuva tulee sinne muun sisällön perään eikä sekään välttämättä ole maailman paras idea.

Mut kun kummallisia kysymyksiä kysytään niin ihan mielenkiintoista on toisinaan miettiä niihin ratkaisuja. Empä taitais kuitenkaan tuollaista omille sivuilleni laittaa.

Äänestä

ed. vastaaja kertoili kysymystä "kummalliseksi". Noo mulla on samanlainen probleema ja siis jatkan kysymystä vähän eteenpäin.

Miten saisi sellaisen koko sivuston ensimmäisen sivun toimimaan fiksusti menemättä erikoisohjelmointiin. Kun sivuston osoite laitetaan, ekalla sivulla on yksi maisemakuva, jonka päällä on suomi/englanti -kielivalinta.

Nyt jos kuvan asemoi keskitetysti 1024-768 näytölle, niin 800-600 ruudulla asemointi on jotain aivan muuta.

Onko tämä vain ominaisuus html:ssä vai onko tehtävissä jotain, jotta kuva löytäisi keskityksen erikokoisilla näytöillä?

Äänestä
  • Mä olen väsynyt (ja humalassa). Enkä ymmärrä miksi piti tulla tänne.

    Mutta kun tulin, voisin kysyä: mikä on se perimmäinen ongelma? Mitä ihmettä voi olla ongelmana jollain kynnysmattosivulla. Mielestäni suurin ongelma on se, että pitää olla joku kynnysmattosivu.

    Jos poistat tuon koko sivun, niin onko sen jälkeen mitään ongelmia?

    Minä vaan kysyn...

    Äänestä

  • abc kirjoitti:

    Mä olen väsynyt (ja humalassa). Enkä ymmärrä miksi piti tulla tänne.

    Mutta kun tulin, voisin kysyä: mikä on se perimmäinen ongelma? Mitä ihmettä voi olla ongelmana jollain kynnysmattosivulla. Mielestäni suurin ongelma on se, että pitää olla joku kynnysmattosivu.

    Jos poistat tuon koko sivun, niin onko sen jälkeen mitään ongelmia?

    Minä vaan kysyn...

    nojoo tuota on jo mietitty ja päädytty kynnysmattoon, jos ei nyt uusia ideoita löydy. Elokuvissakin on alkukuvat, miksei sivustollakin. Maisemakuva sopii yrityksen tyyliin hyvin.

    Jos joku tietää selvinpäin vastausta alkuperäiseen kysymykseen, kiitos etukäteen.

    Äänestä

  • niiin... kirjoitti:

    nojoo tuota on jo mietitty ja päädytty kynnysmattoon, jos ei nyt uusia ideoita löydy. Elokuvissakin on alkukuvat, miksei sivustollakin. Maisemakuva sopii yrityksen tyyliin hyvin.

    Jos joku tietää selvinpäin vastausta alkuperäiseen kysymykseen, kiitos etukäteen.

    http://www.sitepoint.com/forums/showthread.php?t=186848

    Tämä toimi ainakin mulla, eli teet tarvittavat bg-kuvat ja muutat vaan koodia mieleiseksi, kokeilin noilla resoluutioilla mitä koodissa näkyy, default bg on 1024x768 kokoinen..


    var ScrnSize = "UnCommon"

    if (navigator.appVersion.indexOf("4.") != -1 &&
    navigator.appName.indexOf("Explorer") != -1) {
    ScrnSize = screen.width "x" screen.height;
    }
    if (navigator.appVersion.indexOf("4.") != -1 &&
    navigator.appName.indexOf("Netscape") != -1) {
    ScrnSize = screen.width "x" (screen.height 19); //Netscape sees 19 pixels less on Height
    }
    switch(ScrnSize) {
    case "800x600": document.write('');
    case "1280x960": document.write('');
    default: document.write('');
    }

    Äänestä

  • Ridge kirjoitti:

    http://www.sitepoint.com/forums/showthread.php?t=186848

    Tämä toimi ainakin mulla, eli teet tarvittavat bg-kuvat ja muutat vaan koodia mieleiseksi, kokeilin noilla resoluutioilla mitä koodissa näkyy, default bg on 1024x768 kokoinen..


    var ScrnSize = "UnCommon"

    if (navigator.appVersion.indexOf("4.") != -1 &&
    navigator.appName.indexOf("Explorer") != -1) {
    ScrnSize = screen.width "x" screen.height;
    }
    if (navigator.appVersion.indexOf("4.") != -1 &&
    navigator.appName.indexOf("Netscape") != -1) {
    ScrnSize = screen.width "x" (screen.height 19); //Netscape sees 19 pixels less on Height
    }
    switch(ScrnSize) {
    case "800x600": document.write('');
    case "1280x960": document.write('');
    default: document.write('');
    }

    joo tuossa on varmaan ideaa, kiitos, kokeilen.

    Äänestä

  • niiin... kirjoitti:

    joo tuossa on varmaan ideaa, kiitos, kokeilen.

    »tuossa on varmaan ideaa»

    Pakko tunnustaa että ideaa on. Pakko myös lisätä että idea se on se vitun huono ideakin..

    Vaikken olekaan väsynyt enkä humalassa olen abc:n kanssa samaa mieltä asiasta. Mielestäni älyttömintä on jo itsessään superturhan kynnysmaton kuorruttaminen PurkkaScriptillä.

    Jos se matto nyt on pakka laittaa niin asemoi se sit vaikka keskelle css:llä:


    http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000728&posting=22000000006118987

    Äänestä

  • Tõppõ kirjoitti:

    »tuossa on varmaan ideaa»

    Pakko tunnustaa että ideaa on. Pakko myös lisätä että idea se on se vitun huono ideakin..

    Vaikken olekaan väsynyt enkä humalassa olen abc:n kanssa samaa mieltä asiasta. Mielestäni älyttömintä on jo itsessään superturhan kynnysmaton kuorruttaminen PurkkaScriptillä.

    Jos se matto nyt on pakka laittaa niin asemoi se sit vaikka keskelle css:llä:


    http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000728&posting=22000000006118987

    no kynnyskynnys... mutta tässä nyt ei vittuja kyselty. Ota rennosti ja koodaile itselles sivu ilman kynnyksiä ja muutakaan sisältöä.

    Äänestä

  • niiin.. kirjoitti:

    no kynnyskynnys... mutta tässä nyt ei vittuja kyselty. Ota rennosti ja koodaile itselles sivu ilman kynnyksiä ja muutakaan sisältöä.

    Tietenkin.

    »koodaile itselles sivu ilman kynnyksiä ja muutakaan sisältöä.»

    Niin tuo kynnyssivu on älytön mm. siksi että se on yleensä täysin turha sivu inman mitään hyödyllistä informaatiota tai muutakaan mikä kiinnostaisi ketään muuta kuin sitä joka sen on koodannut (jos edes sitäkään). Sellaisesta ei siis ole mitään hyötyä. Sen sijaan turha klikkaaminen ei ole mukavaa ja siksipä minä henkilökohtaisesti ainakin käännyn yleensä takaspäin kynnyssivulle saapuessani.

    Minä tuhlaan energiani mieluummin sellaiseen joka saattaisi jotain kiinnostaakin, tee sinä niitä kynnysmattoja:)

    Äänestä

Kommentoi aloitusta


mac kirjoitti:

Tietääköhän kukaan onko olemassa html koodia tms. kotisivulle, mikä venyttää taustakuvan koko ruudun kokoiseksi? eli jos kuva on vaikka liian pieni tai suuri sen saisi näkymään koko ruudun kokoisena kuten windowsin taustakuvasysteemissä venytys, ettei toistuvana kuten normaalisti?

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