Het is tegenwoordig niet moeilijk om je eigen website te maken, ook als je geen specifieke kennis hebt op het gebied van webdesign en programmeren. U kunt op elk moment de massa verschillende sjablonen gebruiken die op internet zijn geplaatst en op basis van kant-en-klare sjablonen uw website maken en publiceren op het netwerk. Niet iedereen is echter volledig tevreden met de versie van de site die de sjabloon biedt. In dit artikel zullen we u vertellen hoe u de sitesjabloon kunt wijzigen en uniek kunt maken.
instructies:
Stap 1
Download de sjabloon en zoek het style.css-bestand erin. Meestal bevindt dit bestand zich in de map public_html.
Stap 2
Open het style.css-bestand in Kladblok en zoek het codefragment dat verantwoordelijk is voor het uiterlijk van de bovenkant van de site. Dit fragment ziet er als volgt uit:
#logotype {
achtergrond: url (afbeeldingen / logotype.png) no-repeat left center #fff;
breedte: 230px;
hoogte: 60px;
marge: 10px 25px;
positie: relatief;
Stap 3
In deze code, op de achtergrond: url-regel, moet u het pad naar de achtergrondafbeelding van de toekomstige site specificeren. De volgende regels geven de lengte en hoogte van de afbeelding aan, en het marge-item definieert de verticale en horizontale inspringing van de afbeelding.
Stap 4
Zoek het logotype.png-bestand in de sjabloonmappen, dat wordt gebruikt als het logo in de code, en vervang het in dezelfde map door uw eigen logo met dezelfde naam in png-indeling.
Stap 5
Upload de achtergrondafbeelding naar de map public_html / tmpl / template_name / Images /, waarna, zoals hierboven vermeld, het pad naar de afbeelding op de achtergrond wordt geschreven: url-regel.
Stap 6
Herschrijf indien nodig de parameters van de hoogte, lengte en offset van de afbeelding. De positie: relatieve lijn kan alleen worden gelaten. Sla de wijzigingen in het bestand op en upload het naar de server in plaats van het oude sjabloonbestand.
Stap 7
Als u het logo van de footer-site wilt wijzigen, zoekt u in style.css naar het codefragment dat begint met de woorden logotype-footer. Sla de afbeelding op met het nieuwe logo en upload deze naar de map Afbeeldingen van de sjabloon.
Stap 8
Wijzig de lengte- en hoogteparameters. Sla het style.css-bestand opnieuw op en upload de bijgewerkte site naar de server.
