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
Siru
4
608
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225164- 254348
- 272461
- 342254
- 371998
- 151918
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191597- 121521
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211247Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101174