Поставяне на модула "в детайли"

Нека разгледаме по-отблизо модулния панел отляво:

Ориз. 26: Ляв страничен модул

HTML кодът на файла index.php съдържа следния фрагмент:

Във форматиране на тагове

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

В нашия случай има три модула.

CSS идентификаторът за лявата колона изглежда така в CSS файла:

Ако погледнете изходния код на страницата, показан в уеб браузър (щракнете с десния бутон върху страницата и изберете Преглед на изходния код на страницата), ще видите, че Joomla! всъщност генерира много по-голямо количество код.

Списък 7: Извадка от изходния код на HTML страница

... допълнителни HTML команди

В този кодов фрагмент специално ще отбележим CSS класа module_menu. Описанието на този клас в CSS файла е както следва:

100% 100% без повторение;

div.module_menu div div

div.module_menu div div div

div.module_menu div div div div

Четири CSS блока активират определени фонови изображения във всеки от таговете

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

Засега всичко върви добре. Избира се тип форматиране и показване на тагове