Досега нашите уеб страници изглеждат доста скучни. Те използват стандартен шрифт Times Roman, и размера на шрифта на заглавието е два пъти размера на шрифта на основния текст.
Връзки са подчертани в синьо и връзки, върху които вече сте кликнали - лилаво. Предшестващо - бял. Тук идват на помощ на друг компонент на index.php файла - заглавката. В заглавната част, можете да се свържете към досието на сайт, съдържащ лист каскаден стил.
Идеята за стилове взети от света на хартия печат, където стилове се използват за описване на текстови стилове и елементи на страницата на дизайна и да ви помогне да се запази единството на публикации. Например, ръководството стил вестник Ню Йорк Таймс описва изискванията винаги добавят обжалване (например, г-н г-ца, д-р, или президент), преди името на човека, както и в продължение на много години е забранено да се използват г-жа обжалване
лист стил в HTML няма да следват правописа и граматиката на страниците си, но тя ви позволява да управлявате шрифтовете, цветовете, дебелини на линиите, както и други елементи на дизайна на уеб сайт. За да добавите лист със стилове за шаблона, вие трябва да създадете връзка към него между маркерите
и . Ние можем да създадем един лист стил наречен template.css, сложете го в ЕСС папка в нашия шаблон, след което добавете във файла index.php. Традиционно, за да добавите към CSS Уеб чек-страницата чрез следния код:За тази линия на работа, ние трябва да се дефинира променлива $ док всичко, а също така трябва да използва PHP, и на HTML. Шаблонът, който разпореди на браузъра да използва PHP, PHP код околните чрез следните етикети: . За да се определи $ док ние също така трябва да добавите няколко реда PHP код. Най-често се поставя този код в началото на файла index.php във формата на PHP код блок, преди март останалата част от съдържанието на файла:
В сложни модели активен блок често съдържа много голямо количество PHP-код. В първия ред на код ограничава работата на вашия шаблон и изключително в рамките на Joomla. Това е добра предпазна мярка, която придобива особено значение, тъй като моделът става все по-мощен.
Много шаблони включват множество стилови листове, включително маса за печат, print.css, специални маси за различните браузъри и специална таблица за отчитане на спецификата на език RTL. Ние няма да се спирам на тези подробности, но вие сте свободни да изследвате примерните файлове в Beez3 шаблон.
В Joomla! 3, файл медии / со / CSS / bootstrap.css, вие ще намерите всичко необходимо, за да създадете template.css файл. Копирайте цялото съдържание на този файл на вашия template.css файл. Сега ще има някои стилове на страницата си.
Ако сайтът ви използва език RTL, трябва да добавите следния ред:
И накрая, трябва да копирате IMG на папката и шрифтове на медиите / JUI папки в шаблона си, така че те са били на същите инвестиции на ниво папка, която папка с CSS стилове.
Свързани статии