Как да променя Joomla шаблон

За да смените шаблона, трябва да знаем малко от неговата структура. Joomla шаблон е с много опростена структура. Като пример взех един прост шаблон, за да направи по-лесно да се разбере. Можете да го изтеглите от тук.

Ето една снимка на него.

Промяна на "шапката" на сайта.

Най-лесният начин е да се замени header.jpg файл в папката за изображения на вашия файл-изображение със същия размер. В нашия шаблон размер глава е 718 х 186 пиксела.
С други шаблони, файлът може да се нарече logo.jpg.

Ако искате да промените размера на капачката, ще трябва да го промени в кода на шаблона.
Не се страхувайте, нищо сложно за него. Windows ще ни помогне. Копаем в кода, ние няма.
По принцип, на размера на капачки, предписан в template.css файл

За да направите това, обърнете внимание на размера на старата заглавието. Например, аз се промени височината на 186 пиксела. 155, ширината не е докоснал. Това означава, че мога да получа на размера на картината от 718 х 155.
Отворете template.css на файла по-добро използване на WordPad.
Кликнете върху Редактиране - Виж. В полето въведете номера 186, е височината на стари шапки и след това върху Намери следващ. Windows ще намерите на тази стойност, и това може да се промени само с нова. След това запишете файла.

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

Промяна на размера на шрифта на текста и в шаблона.

Както знаете от CSS класове. отговорен за това стилове. В нашия случай, това отново е template.css файл.
Отворете го, ние откриваме тялото клас. Той се намира почти в самото начало.

I прави размера на шрифта на 15 пиксела. Премахнато шрифт Tahoma, сега е Arial.

Също така, моля обърнете внимание на линия височина собственост. Това разстояние между редовете. Това може да се настрои в пиксели, процент и относително изражение, например 1.3em = 13 пкс.
Забелязала съм в много модели, като това разстояние е малък, което го прави трудно да се чете и да натоварва очите.
Можете също така да промените шрифта и цвета, цвят имота. Или можете да добавите нов имот.

Сега се опитайте да промените размера и цвета на връзките.

Това също така е направено в template.css.
A: връзка, на: посетен и: висене. Отговаря за: редовни връзки, посетената и активно (като посочите с мишката), съответно.
Техните свойства са отбелязани точно под класа на тялото.

Кликнете Редактиране - Търсене и поставете копиран етикета.
Хит търсене.

Ние считаме, погледнете внимателно, когато това е позволено. Познаването на CSS основи тук само от полза.

Както можете да видите основната ни меню, разположен в блока с module_menu клас, и това устройство е в друг блок с идентификатор = "leftcolumn". Отговорът е някъде наблизо.

Отново отворим template.css и използване на Edit - Find. Ние търсим за справка имот.

На първо място, ние се опитваме да търсите за всички стойности с module_menu клас. Ние разглеждаме такива стойности като размер на шрифта.

Тези свойства не могат да бъдат намерени в този клас не уточняват размера на връзките.

Точно под този стил блок започва блок / * НАЛЯВО COL LINK * /. Той е отговорен за връзките в лявата колона, а след това, което ние се търсят. Моля ви! Промяна на начина, по който искате.

По-долу ще блокира / * НАЛЯВО COL Настоящата връзка * /. Той е отговорен и за връзките, но са отворени в момента.

На този до края.

Във втората част ще разгледаме други аспекти. На добър час!