Miten saikaan kotisivun taustan jatkumaan bodyssa aina niin leveänä mitä näyttö kullakin on?
Tarkoitan sitä, että jos mulla on itse maincontent 900x700px ja haluan sen alla/takana menemään vaikka jonkun 150px korkean palkin joka jatkuu sivuille niin kauan kun tilaa riittää?
Sorry, oli vähän vaikea kertoa.
Esimerkiksi: http://www.k-rauta.fi
Kotisivun tausta jatkumaan näytön leveyden mukaan
Xcode, Mac OS X Server sekä muuta hauskaa ja hyödyllistä
8 viestiä
• Sivu 1/1
-
- Viestit: 322
- Liittynyt: 8.12.2006 klo 10.04
Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja jhh »
Viimeksi muokannut amanita, 3.8.2012 klo 23.04. Yhteensä muokattu 1 kertaa.
Syy: Otsikon hienosäätöä
Syy: Otsikon hienosäätöä
-
- Viestit: 2744
- Liittynyt: 27.7.2007 klo 11.36
- Paikkakunta: Kotka
Re: kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja richidi »
body {
background: url (kuva.png) repeat-x;
}
muistaakseni
background: url (kuva.png) repeat-x;
}
muistaakseni
Some people do it by the book, but i prefer to go by feel…
-
- Viestit: 322
- Liittynyt: 8.12.2006 klo 10.04
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja jhh »
Kiitos. Kuinka jos laittaa vaikka pilvistä taivasta taustalle, niin tuleeko siihen joku ruma katkokohta missä taustakuva alkaa uudelleen?
Ja minkä levyinen (ja kokoinen: kilotavua) se taustapitäisi olla?
Ja minkä levyinen (ja kokoinen: kilotavua) se taustapitäisi olla?
Viimeksi muokannut jhh, 6.3.2013 klo 9.33. Yhteensä muokattu 1 kertaa.
-
- Viestit: 4295
- Liittynyt: 6.10.2004 klo 22.42
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja Fixx »
Perinteisesti taustakuva on vaan laitettu niin isona että varmasti riittää. Ja pakattu huolella.
Jos taustakuvan aihe sopii niin voi se olla toistuvakin, jolloin yleensä fiksataan kuvareunat niin että näyttää saumattomalta. Perus fotoshoppausta.
Jos taustakuvan aihe sopii niin voi se olla toistuvakin, jolloin yleensä fiksataan kuvareunat niin että näyttää saumattomalta. Perus fotoshoppausta.
-
- Viestit: 322
- Liittynyt: 8.12.2006 klo 10.04
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja jhh »
Kiitos avusta. Miten jos haluan vielä ko taustakuvan alkamaan hieman alempaa, miten se määritellään? Jotenkin en löydä netistä vastausta (en varmaa osaa etsiä oikeilla sanoilla). =0
Tarkoitan siis sitä, että jos itse tausta on valkoinen ja haluan että taustakuvaankin tulee valkoinen yläosa niin pitääkö se valkoinen palkki tehdä valmiiksi taustakuvaan vai voiko taustakuvaa laskea niin, että se valkoinen tausta näkyy alta?
Anteeksi taas vaikea selitys. =)
Tarkoitan siis sitä, että jos itse tausta on valkoinen ja haluan että taustakuvaankin tulee valkoinen yläosa niin pitääkö se valkoinen palkki tehdä valmiiksi taustakuvaan vai voiko taustakuvaa laskea niin, että se valkoinen tausta näkyy alta?
Anteeksi taas vaikea selitys. =)
Viimeksi muokannut jhh, 10.8.2012 klo 10.11. Yhteensä muokattu 1 kertaa.
-
- Viestit: 2744
- Liittynyt: 27.7.2007 klo 11.36
- Paikkakunta: Kotka
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja richidi »
Voit laittaa background-position: bottom;
Koitappa googlettaa esim. css background
Koitappa googlettaa esim. css background
Some people do it by the book, but i prefer to go by feel…
-
- Viestit: 322
- Liittynyt: 8.12.2006 klo 10.04
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja jhh »
Moi!
Mikähän on tarpeeksi suuri tausta (leveys x korkeus), jos haluaa, että taustalogo näkyy jokaisella näytöllä oikean kokoisena (tarkoitus siis laittaa logo haaleana näkymään taustalle koko näytön kokoisena ja erikokoisilla näytöillä olisi aina oikean kokoinen)? Oisko esim 2300 x1600 pixeliä riittävä? Ja miten ne määritykset laitetaan? Mulla siis bodyssä logo, mutta näkyy liian suurena =0
body {
font: 14px/21px Arial, Helvetica, sans-serif;
height:100%;
/*background-color:#FFDF00;*/
background-image:url(images/body_tausta.jpg);
}
Mikähän on tarpeeksi suuri tausta (leveys x korkeus), jos haluaa, että taustalogo näkyy jokaisella näytöllä oikean kokoisena (tarkoitus siis laittaa logo haaleana näkymään taustalle koko näytön kokoisena ja erikokoisilla näytöillä olisi aina oikean kokoinen)? Oisko esim 2300 x1600 pixeliä riittävä? Ja miten ne määritykset laitetaan? Mulla siis bodyssä logo, mutta näkyy liian suurena =0
body {
font: 14px/21px Arial, Helvetica, sans-serif;
height:100%;
/*background-color:#FFDF00;*/
background-image:url(images/body_tausta.jpg);
}
Viimeksi muokannut jhh, 7.12.2012 klo 13.31. Yhteensä muokattu 3 kertaa.
-
- Viestit: 210
- Liittynyt: 28.7.2012 klo 23.18
Re: Kotisivun tausta jatkumaan näytön leveyden mukaan
Viesti Kirjoittaja Atomicbomb »
Tämä kaikki on mahdollista tehdä CSS3 koodilla
Koodi: Valitse kaikki
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
8 viestiä
• Sivu 1/1
Palaa sivulle “Ohjelmointi, skriptit ja palvelimet”
Hyppää
- Yleiset aiheet
- ↳ Ajankohtaista Apple-maailmasta
- ↳ Käyttöjärjestelmät
- ↳ Ohjelmat
- ↳ Yleiskeskustelu
- Mac ja oheislaitteet
- ↳ Yleiskeskustelu laitteista
- ↳ MacBook, MacBook Pro ja MacBook Air
- ↳ iMac
- ↳ Mac mini
- ↳ Mac Pro ja Mac Studio
- ↳ Ongelmia Macin kanssa?
- iPhone, iPad ja Apple Watch
- ↳ iPhone-, iPad- ja Apple Watch -laitekeskustelu
- ↳ iPhone-, iPad- ja Apple Watch -ohjelmat sekä iOS
- ↳ Ongelmia iPhonen, iPadin tai Apple Watchin kanssa?
- Huviksi ja hyödyksi
- ↳ Off-topic
- ↳ Kuva ja graafinen suunnittelu
- ↳ Audio ja musiikki
- ↳ Video, televisio ja elokuvat
- ↳ Pelit ja pelaaminen
- ↳ Ohjelmointi, skriptit ja palvelimet
- ↳ Tietoturva ja varmuuskopiointi
- ↳ Verkot, mobiilidata ja muut puhelimet
- ↳ Retronurkka
- ↳ Foorumin ylläpito
- Kauppapaikka
- ↳ Myydään Mac
- ↳ Myydään iPhone, iPad ja iPod
- ↳ Myydään muut Applen tuotteet
- ↳ Myydään muuta tietotekniikkaa
- ↳ Ostetaan Mac
- ↳ Ostetaan iPhone, iPad ja iPod
- ↳ Ostetaan muut Applen tuotteet
- ↳ Ostetaan muuta tietotekniikkaa
- ↳ Vaihdetaan, annetaan, työtä haetaan ja tarjotaan
- ↳ Kauppapaikan keskustelu ja hintavinkit