Как да редактирате шаблони на уебсайтове

Съдържание:

Как да редактирате шаблони на уебсайтове
Как да редактирате шаблони на уебсайтове
Anonim

В днешно време не е трудно да създадете свой собствен уебсайт, дори ако нямате никакви специфични познания в областта на уеб дизайна и програмирането. По всяко време можете да използвате масата от различни шаблони, публикувани в Интернет, и въз основа на готови шаблони да направите и публикувате вашия уебсайт в мрежата. Не всички обаче са напълно доволни от версията на сайта, която шаблонът предлага. В тази статия ще ви кажем как да промените шаблона на сайта и да го направите уникален.

Как да редактирате шаблони на уебсайтове
Как да редактирате шаблони на уебсайтове

Инструкции

Етап 1

Изтеглете шаблона и намерете файла style.css в него. Обикновено този файл се намира в папката public_html.

Стъпка 2

Отворете файла style.css в бележника и намерете кодовия фрагмент, който е отговорен за външния вид и усещането на горната част на сайта. Този фрагмент изглежда така:

#logotype {

фон: url (images / logotype.png) без повторение вляво в центъра #fff;

ширина: 230px;

височина: 60px;

марж: 10px 25px;

позиция: относителна;

Стъпка 3

В този код, на фона: url ред, трябва да посочите пътя към фоновото изображение на бъдещия сайт. Следващите редове показват дължината и височината на изображението, а елементът margin определя вертикалното и хоризонталното отстъпване на изображението.

Стъпка 4

Намерете файла logotype.png

Стъпка 5

Качете фоновото изображение в папката public_html / tmpl / template_name / Images /, след което, както бе споменато по-горе, напишете пътя към изображението във фонов ред: url.

Стъпка 6

Ако е необходимо, пренапишете параметрите на височината, дължината и отместването на изображението. Позицията: относителната линия може да бъде оставена сама. Запазете промените във файла и го качете на сървъра вместо стария шаблон.

Стъпка 7

Ако искате да промените логото на сайта на долния колонтитул, потърсете в style.css кодовия фрагмент, който започва с думите logotype-footer. Запазете изображението с новото лого и го качете в папката Изображения на шаблона.

Стъпка 8

Променете параметрите за дължина и височина. Запазете файла style.css отново и качете актуализирания сайт на сървъра.

Препоръчано: