Kotisivulla, jotka sain päivitettäväksi, on jokaisen sivun yläreunassa samat kuvat. Sivuja on kaikkiaan pari kymmentä, joten kuvien vaihtaminen on isohko operaatio. Olenkin pohtinut, voisinko tehdä tyylitiedostoon paikan, jossa voisin vaihtaa kuvia keskitetysti. Eli kun vaihtaisin kuvat tyylitiedostossa, niin ne vaihtuisivat yhdellä kertaa kaikilla sivuilla.
tyylitiedosto ja kuvat
4
642
Vastaukset
- hankala toteuttaa
ja alan gurut ei suosittele.
Laita uusi kuva samalle nimelle kuin vanha niin koodiin ei tartte tehdä mitään muutoksia. - hoo
php:llä tai ssi:llä voit liittää koodin sekaan toisen tiedoston, esim. kuva.txt:n, jossa lukee:
Sitte vaan muutat tuota kuva.txt:ssä olevaa filen nimeä. - anonyymi
background-image: url("/linkki/kuvaan.jpg");
background-repeat: repeat-x; (repeat-y / no-repeat)
repeat-x toistaa taustakuvaa vaakasuunnassa ja -y pystysuunnassa. no-repeat luonnollisesti ei toista kuvaa. Liitä ylläoleva esimerkiksi taulukkosi solun tyyliin. - Höpö
Kelpaako tällainen viritys:
Untitled
Ja sitten tyyli.css -tiedostoon vaikka tälleen:
#kuvia {
width: 520px;
height: 50px;
margin: auto;
}
#kuvia div {
width: 50px;
height: 50px;
border: 1px solid Black;
float: left;
}
#kuvia #yks {background: url(http://www.suomi24.fi/img/frontpage/menu_mail.gif);}
#kuvia #kaks {background: url(http://www.suomi24.fi/img/frontpage/menu_conference.gif);}
#kuvia #kolm {background: url(http://www.suomi24.fi/img/frontpage/menu_chat.gif);}
#kuvia #neli {background: url(http://www.suomi24.fi/img/frontpage/menu_member.gif);}
#kuvia #viis {background: url(http://www.suomi24.fi/img/frontpage/tv.gif);}
#kuvia #kuus {background: url(http://www.suomi24.fi/img/frontpage/menu_dating.gif);}
#kuvia #seitse {background: url(http://www.suomi24.fi/img/frontpage/mtr.gif);}
#kuvia #kaheksa {background: url(http://www.suomi24.fi/img/archive/5/95/895/45895/enirologo.jpg);}
#kuvia #yheksa {background: url(http://www.suomi24.fi/img/gg.gif);}
#kuvia #kymme {background: url(http://www.suomi24.fi/img/partner/saunalahti.gif);}
P.S. tää foorumi tekee aina vähän omiaan. tuosta dtd:stä esimerkiksi häviää yksi lainausmerkki. Eli koodin toisen rivin loppu kuuluu olla näin:
html4/strict.dtd">
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial211800Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras1561789Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva3471514Mies profiloin sinut
Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.2091122Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221118- 1421116
- 285995
- 11985
Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt4969Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks49928