Kuinka Muokata Verkkosivustomalleja

Sisällysluettelo:

Kuinka Muokata Verkkosivustomalleja
Kuinka Muokata Verkkosivustomalleja

Video: Kuinka Muokata Verkkosivustomalleja

Video: Kuinka Muokata Verkkosivustomalleja
Video: Kuinka otan ja muokkaan siimakuvani? 2024, Huhtikuu
Anonim

Oman verkkosivuston luominen ei ole nykyään vaikeaa, vaikka sinulla ei olisikaan erityistä tietoa verkkosivujen suunnittelusta ja ohjelmoinnista. Voit milloin tahansa käyttää Internetissä lähetettyjen eri mallien määrää ja luoda ja julkaista verkkosivustosi valmiiden mallien perusteella verkossa. Kaikki eivät kuitenkaan ole täysin tyytyväisiä mallin tarjoamaan sivuston versioon. Tässä artikkelissa kerromme sinulle, kuinka sivustomalli muutetaan ja tehdään siitä ainutlaatuinen.

Kuinka muokata verkkosivustomalleja
Kuinka muokata verkkosivustomalleja

Ohjeet

Vaihe 1

Lataa malli ja etsi tiedosto style.css. Yleensä tämä tiedosto sijaitsee public_html-kansiossa.

Vaihe 2

Avaa style.css-tiedosto muistikirjassa ja etsi koodinpätkä, joka vastaa sivuston yläosan ulkoasusta. Tämä katkelma näyttää tältä:

#logotype {

tausta: url (images / logotype.png) ei-toista vasen keskusta #fff;

leveys: 230px;

korkeus: 60px;

marginaali: 10px 25px;

asema: suhteellinen;

Vaihe 3

Tässä koodissa, background: url -rivillä, sinun on määritettävä polku tulevan sivuston taustakuvaan. Seuraavat rivit osoittavat kuvan pituuden ja korkeuden, ja marginaaliyksikkö määrittää kuvan pysty- ja vaakasuoran sisennyksen.

Vaihe 4

Etsi logotype.png-tiedosto mallikansioista, jota käytetään logona koodissa, ja korvaa se samassa kansiossa omalla logollasi, jolla on sama nimi png-muodossa.

Vaihe 5

Lataa taustakuva public_html / tmpl / template_name / Images / -kansioon, minkä jälkeen, kuten edellä mainittiin, kirjoita kuvan polku taustalle: url -riville.

Vaihe 6

Kirjoita tarvittaessa kuvan korkeuden, pituuden ja siirtymän parametrit uudelleen. Asento: suhteellinen viiva voidaan jättää yksin. Tallenna muutokset tiedostoon ja lataa se palvelimelle vanhan mallitiedoston sijaan.

Vaihe 7

Jos haluat vaihtaa alatunnisteen sivuston logon, etsi tyylistä.css koodinpätkä, joka alkaa sanoilla logotype-footer. Tallenna kuva uudella logolla ja lataa se mallin Kuvat-kansioon.

Vaihe 8

Muuta pituus- ja korkeusparametreja. Tallenna style.css-tiedosto uudelleen ja lataa päivitetty sivusto palvelimelle.

Suositeltava: