một mô hình có thể dễ dàng được công nhận: Ruth đã xác định đầu ra của các mô-đun với phong cách trong . Với thiết lập này và thiết lập tham số của mô-đun (module quản lý), tất cả các mô-đun được sử dụng ở đây là đầu ra "danh sách" trong thẻ . | A Website with Joomla Formatting Step by Step Pattern By looking at the HTML code a pattern can easily be recognized Ruth has defined the output of the module with style xhtml in . With this setting and with the parameter setting of the module Module manager all of the modules used here are output to list in div tags. These div containers contain a header and lists that are defined with the h3 HTML tag. The links are in the lists. A lot of design options are available with this since all of the HTML tags can be programmed either directly or with Joomla s classes. The modules have an easy-to-see image background which is put there with all of the modules and which was therefore defined in the encompassing HTML tag. All of the tags that Ruth has invented herself for her HTML structure are in the template. css file. This is also true for the ubiquitous page navigation. .naviside CSS code .naviside background url . images top left image background width 210px width vertical-align top top alignment of the content border 0px border padding 0px padding margin 0px margins background-color fff background color text-align left alignment at the left border float left total alignment inside of the HTML structure In the next step Ruth assigns properties to the div tags that are here activated with the moduletable_menu and moduletable login form classes which are to be valid for all menus width distance from each other and a color. She only needs to know the two classes moduletable and moduletable_menu for this. The moduletable and moduletable_menu classes are Joomla default classes. For purposes of overview Ruth has saved the classes she has defined herself separated from the default Joomla classes in the and CSS files. 318 Chapter 16 CSS code .naviside .moduletable .moduletable_menu width 210px width background none background margin-top 18px marin outside of the module to the top text-align left left-aligned padding 0px
