Home

Page 30
Page 30
background image

Перевод и публикация: Copyright © 2007 WWW.JOOMLAUA.COM 

 

28

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

CSS идентификатор левой колонке выглядит в CSS файле следующим образом: 

#leftcolumn {  
padding: 0;  
margin: 0;  
width: 20%;  
float:left; 

Если  вы  посмотрите  на  исходный  код  страницы,  отображаемой  в  веб  браузере  (нажать 
правой кнопкой на странице и выбрать Просмотреть исходный код страницы (View Page 
Source)),  то  увидите,  что jdoc запрос Joomla! сгенерировал  на  самом  деле  значительно 
больший объем кода. 

Листинг 7: Выдержка из исходного кода HTML страницы 

… дополнительные HTML команды 

<div id="leftcolumn">  

<div class="module_menu">  
<div>  
<div>  
<div>  
<h3>Main Menu</h3><ul class="mainmenu">  
<li class="level1 item1 active current">...</li>  
<li class="level1 item2">…</li>  
</div>  
</div>  
</div>  
</div>  
<div class="module_menu">  
<div>  
<div>  
<div>  
<table ...>  
<tr ><td>...</td></tr>  
<tr ><td>...</td></tr>  
</table>  
</div>  
</div>  
</div> 
</div> 

… дополнительные HTML команды 

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

div.module_menu {  
background: url(../images/mw_box_blue_br.png)  
100% 100% no-repeat;  
... дополнительные команды ... 

div.module_menu div {  
background: url(../images/mw_box_blue_bl.png)  
0 100% no-repeat; 

div.module_menu div div {  
background: url(../images/mw_box_blue_tr.png)  
100% 0 no-repeat; 


Copyright © 2019 Файлообменник files.d-lan.dp.ua

Использование любых материалов сайта возможно только с разрешения автора.