Вебсайттын калыптарын кантип түзөтүү керек

Мазмуну:

Вебсайттын калыптарын кантип түзөтүү керек
Вебсайттын калыптарын кантип түзөтүү керек

Video: Вебсайттын калыптарын кантип түзөтүү керек

Video: Вебсайттын калыптарын кантип түзөтүү керек
Video: Эмгекти кантип коргоо керек? 2024, Апрель
Anonim

Бүгүнкү күндө веб-дизайн жана программалоо жаатында билимиңиз жок болсо дагы, өз сайтыңызды түзүү кыйынга турбайт. Каалаган убакта, сиз Интернетте жайгаштырылган ар кандай шаблондордун массасын колдонуп, даяр калыптардын негизинде веб-сайтыңызды жасап, тармакка жарыялай аласыз. Бирок, шаблону сунуш кылган сайттын версиясы баардыгын эле канааттандырбайт. Сайттын шаблонун кантип өзгөртүп, уникалдуу кылууга болорун ушул макалада айтып беребиз.

Вебсайттын калыптарын кантип түзөтүү керек
Вебсайттын калыптарын кантип түзөтүү керек

Нускамалар

1 кадам

Калыпты жүктөп алып, анда style.css файлын табыңыз. Адатта, бул файл public_html папкасында жайгашкан.

2-кадам

Блокноттон style.css файлын ачыңыз жана сайттын үстүңкү бетинин сырткы көрүнүшү үчүн жооп берген коддун үзүндүсүн табыңыз. Бул үзүндү төмөнкүдөй көрүнөт:

#logotype {

өбөлгөлөрү: url (images / logotype.png) кайталанбас сол борбор #fff;

туурасы: 230px;

бийиктиги: 60px;

маржа: 10px 25px;

кызмат: салыштырмалуу;

3-кадам

Бул коддо, фондо: url сабында, сиз келечектеги сайттын фондук сүрөтүнө жол көрсөтүшүңүз керек. Кийинки саптар сүрөттүн узундугун жана бийиктигин көрсөтөт, ал эми маржа пункту сүрөттүн вертикалдык жана горизонталдык чегинүүсүн аныктайт.

4-кадам

Коддогу логотип катары колдонулган шаблон папкаларынан logotype.png

5-кадам

Фондогу сүрөттү public_html / tmpl / template_name / Images / папкасына жүктөп бериңиз, андан кийин жогоруда айтылгандай, сүрөттүн жолун фондо жазыңыз: url сабы.

6-кадам

Керек болсо, сүрөттүн бийиктиги, узундугу жана жылышуу параметрлерин кайра жазыңыз. Позиция: салыштырмалуу сызыкты жалгыз калтырса болот. Өзгөртүүлөрдү файлга сактап, эски шаблон файлынын ордуна серверге жүктөп бериңиз.

7-кадам

Эгерде сиз төмөнкү колонтитул сайттын логотибин өзгөрткүңүз келсе, анда logotype-footer сөзүнөн башталуучу коддун үзүндүсүн style.css издеңиз. Сүрөттү жаңы логотип менен сактап, шаблондун Сүрөттөр папкасына жүктөңүз.

8-кадам

Узундук жана бийиктик параметрлерин өзгөртүү. Style.css файлын дагы бир жолу сактап, жаңыртылган сайтты серверге жүктөп бериңиз.

Сунушталууда: