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
588
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.364414- 451639
Kuinka kauan
Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?1151609Milli-helenalla ongelmia
Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell2491592Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.2361499Ja taas kerran hallinto-oikeus että pieleen meni
Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ891110Kun näen sinut
tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain481093Löydänköhän koskaan
Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲1331087Purra saksii taas. Hän on mielipuuhassaan.
Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht2671041- 631030