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
620
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
Sanna Marin kysyi hämmästyneenä: Onko Suomessa jäänmurtajia?
Nettilehden toimittaja kysyi Sanna Marinilta suoraan, että sovittiinko nuo jäänmurtajien kaupat jo 2019, jolloin Marin k1585085- 1944051
SDP haluaa 40 000 nettomaahanmuuttajaa
SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah1403705Mikä tuota vasemmistolaisista jankkaavaa vaivaa?
Pahasti on ihon alle, siis korvien väliin, päässeet kummittelemaan. Ei ole terveen ihmisen merkki jankata yhdestä asia522986Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen
No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat482627- 1461987
Nyt meni lopulliset lämmöt.
Alan käyttäytymään yhtä kylmästi miehiä kohtaan kuin mua kohtaan on käyttäydytty ja vain käytetty viimeiset pari vuotta441737Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.361489Onko erityinen paikka jossa haluaisit nyt olla
Onko joku spesiaali lempipaikka missä mieluiten olisit?631424Orpo loukkaantui fasismiin viittaavasta sanavalinnasta
Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk261319