Hur Man Redigerar Webbplatsmallar

Innehållsförteckning:

Hur Man Redigerar Webbplatsmallar
Hur Man Redigerar Webbplatsmallar

Video: Hur Man Redigerar Webbplatsmallar

Video: Hur Man Redigerar Webbplatsmallar
Video: CSS Lecture 16: Download and Edit Website Templates | Create Website from Free Templates 2024, Maj
Anonim

Det är inte svårt att skapa din egen webbplats idag, även om du inte har någon specifik kunskap inom webbdesign och programmering. När som helst kan du använda massan av olika mallar som publiceras på Internet, och baserat på färdiga mallar, skapa och publicera din webbplats i nätverket. Men inte alla är helt nöjda med den version av webbplatsen som mallen erbjuder. Vi kommer att berätta hur du ändrar webbplatsmallen och gör den unik i den här artikeln.

Hur man redigerar webbplatsmallar
Hur man redigerar webbplatsmallar

Instruktioner

Steg 1

Ladda ner mallen och hitta filen style.css i den. Vanligtvis finns den här filen i mappen public_html.

Steg 2

Öppna filen style.css i anteckningsblocket och hitta kodavsnittet som är ansvarigt för utseendet och känslan på toppen av webbplatsen. Det här utdraget ser ut så här:

#logotype {

bakgrund: url (bilder / logotype.png) inget upprepar vänster centrum #fff;

bredd: 230 pixlar;

höjd: 60px;

marginal: 10px 25px;

position: relativ;

Steg 3

I den här koden, i bakgrunden: url-raden, måste du ange sökvägen till bakgrundsbilden för den framtida webbplatsen. Nästa rader anger längden och höjden på bilden och marginalobjektet definierar bildens vertikala och horisontella fördjupning.

Steg 4

Hitta logotype.png-filen i mallmapparna, som används som logotyp i koden, och ersätt den i samma mapp med din egen logotyp med samma namn i png-format.

Steg 5

Ladda upp bakgrundsbilden till public_html / tmpl / template_name / Images / mappen, varefter, som nämnts ovan, skriver sökvägen till bilden i bakgrunden: url-raden.

Steg 6

Om nödvändigt, skriv om parametrarna för bildens höjd, längd och förskjutning. Positionen: relativ linje kan lämnas ensam. Spara ändringarna i filen och ladda upp den till servern istället för den gamla mallfilen.

Steg 7

Om du vill ändra sidfotens logotyp, leta i style.css efter kodavsnittet som börjar med orden logotype-footer. Spara bilden med den nya logotypen och ladda upp den till mallens mapp Bilder.

Steg 8

Ändra längd- och höjdparametrarna. Spara filen style.css igen och ladda upp den uppdaterade webbplatsen till servern.

Rekommenderad: