Eri taustakuva Weeblyn eri sivuille

Weebly -taustakuvan mukauttaminen

Weebly tarjoaa yli 100 mallia, joissa on kiinteä taustakuva, tässä artikkelissa selitämme seuraavat kaksi mahdollisuutta muuttaa taustakuvaa Weebly -teemassa.

• Vaihda kaikkien sivujen taustakuva
• Aseta eri taustakuvia eri sivuille

Molemmissa tapauksissa sinun on valmisteltava omat taustakuvasi, jotka sopivat sivustosi malliin. Voit myös käyttää Weebly -taustakuvan muokkausohjelmaa.

Sivustosi taustakuvan muuttaminen

• Valmista malli, joka sopii mallisi suunnitteluun ja navigointiin.
• Kirjaudu Weebly -tiliisi ja muokkaa sivustoa, jonka taustakuvan haluat muuttaa.
• Siirry Weebly -editorissa "Suunnittelu" -välilehdelle ja napsauta "Muokkaa HTML/CSS" -painiketta.
• Napsauta "Lisää uusia tiedostoja" "Tiedostot" -osiossa ja lataa taustakuvasi.

Muuta Weebly -sivuston taustakuvaa

• Siirry kohtaan "main-style.css", joka on käytettävissä "CSS" -osiossa.
• Etsi CSS: n runko ja korvaa runko -osan viimeinen rivi. Yleensä se on jotain seuraavanlaista:

background: url(main-bg.jpg) repeat;

• Korvaa rivi alla olevalla koodilla:

background: url (Your-Background-Image-Name.jpg) repeat;

• Jos nimesit lataamasi taustakuvan muotoon image1.jpg, koodi näyttää seuraavanlaiselta:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#5a5a5a;
background: url(image1.jpg) repeat;
}

• Tallenna teema ja julkaise verkkosivusto. Avaa sivusto selaimessa ja tarkista, että taustakuva on vaihdettu uuteen kuvaan lataamisen yhteydessä.

Erilaisten taustakuvien asettaminen sivustosi eri sivuille

• Lataa kuvatiedostot noudattamalla samoja ohjeita yllä olevassa menetelmässä. Täällä sinun on ladattava useita kuvia, joita tarvitaan näyttämiseen sivustosi eri sivuilla.
• Nimeä kuvat nimellä image1.jpg, image2.jpg ja niin edelleen.
• Siirry " Sivut " -välilehdelle ja valitse sivu, jonka haluat muuttaa taustakuvana.
• Napsauta "Lisäasetukset" -vaihtoehtoa ja liitä alla oleva koodi "Otsikkokoodi" -osaan alla olevan kuvan mukaisesti.

Muuta Weebly -sivun taustakuvaa

• Tässä "image1.jpg” on lataamasi taustakuvan nimi.
• Liitä sama koodi eri sivujen otsikkokoodiosioon muuttamalla kuvan nimeksi "image2.jpg", "image3.jpg" jne.
• Julkaise sivustosi ja eri sivut näyttävät erilaisia ​​taustakuvia, kun sivusto ladataan selaimeen.