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
574
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
Nurmossa kuoli 2 Lasta..
Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .894600Maisa on SALAKUVATTU huumepoliisinsa kanssa!
https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/15256631403133Vanhalle ukon rähjälle
Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen503125Mikko Koivu yrittää pestä mustan valkoiseksi
Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi4032202Purra hermostui A-studiossa
Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.2311348Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."
Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito111223- 761207
- 671097
Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!
Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde301084Miksi pankkitunnuksilla kaikkialle
Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että112999