Jos sinulla on sivusto Wordpress-alustalla, tiedät todennäköisesti, että blogisi mallia voidaan muuttaa loputtomiin, koska täydellisyydelle ei ole rajaa. Tästä alustasta on tullut nopeasti opittu työkalu verkkovastaavalle, varsinkin kun ihoa voidaan muokata tavanomaisilla ohjelmilla.
Tarpeellinen
- Ohjelmisto:
- - Internet-selain Firefox;
- - addon Firebug.
Ohjeet
Vaihe 1
Monet ylläpitäjät sanovat, että ihanteellinen selain surffaamiseen ja sivuston rakentamiseen on Mozillan tuote. Firefox on ehkä ainoa ohjelma, joka tukee niin monia sovelluksia ja lisäosia. Jos haluat muokata malleja millä tahansa alustalla, tarvitset Firebug-lisäosan, jonka avulla voit näyttää ja muokata kaikkia malliparametreja sivustossa.
Vaihe 2
Asenna se napsauttamalla selaimen ylävalikkoa "Työkalut" ja valitsemalla kohta "Lisäosat" tai painamalla näppäinyhdistelmää Ctrl + Vaihto + A. Älä odota avautuvassa ikkunassa suositeltavia sovelluksia Firefoxille, sinun on vietävä kohdistin kenttään, jossa on teksti "Hae käytettävissä olevien lisäosien joukosta", ja esittelemään Firebug.
Vaihe 3
Napsauta hakutulosluettelossa Firebug-kohdetta vastapäätä olevaa painiketta. Tämän lisäosan lataamisen jälkeen Käynnistä uudelleen nyt -painike aktivoituu. Ota muutokset käyttöön napsauttamalla sitä. Jos tätä sovellusta ei jostain syystä näy hakutuloksissa, siirry viralliselle Mozillan verkkosivustolle ja asenna Firebug seuraavasta linkistä:
Vaihe 4
Tämän lisäosan asentamisen jälkeen selainikkunan alaosaan ilmestyy pieni kuvake, jossa on kovakuoriainen kuva, napsauta sitä - lisäosa aktivoituu. Jos haluat esimerkiksi muuttaa linkkien näyttämistä sivustosi kotisivulla, löytääksesi tämän elementin koodin "vika" -ikkunasta, joka on jaettu kahteen osaan, sinun on valittava vuorotellen HTML ja Tyyli. Nyt ikkunan yhdessä osassa html-koodi näkyy, toisessa osassa style.css-tiedostojen koodi näkyy.
Vaihe 5
Selaa html-lohkossa tiedostoa, napsauttamalla jaksoittain lohkoja, näet, että napsauttamalla yhtä "virheen" lohkoista, saman lohkon valinta ilmestyy sivulle. Tällä tavalla on melko helppo löytää muokattava elementti, jonka koodia et tiedä.
Vaihe 6
Kun olet löytänyt haluamasi koodilohkon, siirrä kohdistin viereiseen ikkunaan (tyyli). Täältä näet kaikki tietyn lohkon näyttövaihtoehdot, esimerkiksi fontin koko ei ole muuta kuin font-size-elementti. Jos haluat lisätä sitä, lisää muutama yksikkö jo olemassa olevaan arvoon. Huomaa, että sinun tarvitsee vain muuttaa numeroa, px-lyhennettä ei saa koskettaa (pikselimerkintä).
Vaihe 7
Samassa lohkossa kiinnitä huomiota kaikkiin elementteihin, niiden joukossa voi olla täyte, reunus jne. Sinulle tuntemattomien elementtien nimien ymmärtämiseksi on suositeltavaa käyttää erikoistunutta online-komentoviitettä - https://htmlbook.ru. Seuraa tätä linkkiä, oikeassa yläkulmassa on "Sivustohaku" -kenttä. Kirjoita etsimäsi komento ja paina Enter-näppäintä.
Vaihe 8
Näet tämän elementin muunnelmat hakutuloksissa. Mietit esimerkiksi, mitä marginaali-elementti tarkoittaa. Kirjoita tämä sana hakukenttään ja paina Enter. Valitse hakutuloksista ensimmäinen CSS-linkki - marginaali. Tämän linkin jälkeen voit tutustua tähän komentoon ja oppia kaiken sen sovelluksesta.
