Home

Page 202
Page 202
background image

Глава 13 

202 

Они вставляются в область <head>: 

<link rel="stylesheet" href="<?php echo $this>baseurl ?> 

/templates/system/css/system.ess" type="text/css" /> 

<link rel="stylesheet" href="<?php echo $this>baseurl ?> 

/templates/system/css/general.ess" type="text/css" /> 

Оба эти файла содержат классы и идентификаторы, к которым мы будем обращать#

ся далее на протяжении этой главы. 

Позиция левого модуля в деталях 

Давайте внимательней присмотримся к панели левого модуля, 

показанной на рис. 13.4. 

Ниже представлен соответствующий HTML#код в файле ком#

поновки index.php: 

<div id="Section4">left side <jdoc:include type="modules" 
name="left" style="xhtml" /> 

Дескриптор <div> для этого раздела формируется CSS ID по 

имени Section4. 

Если вы взглянете на доставленный HTML#код в браузере (вы#

полните щелчок правой кнопкой мыши на контенте сайта и вы#
берите в контекстном меню пункт 

Display Source Code

 (Исходный 

код страницы)), то увидите, конечно, намного больше кода, чем 
было создано запросом jdocs. 

Вот как выглядит фрагмент этого доставленного исходного 

кода HTML: 

... дополнительные команды HTML 
<div id="Section4">left side  
<div class="moduletable_menu">  
<h3>main menu</h3>  
<ul class="menu"> 
<li id="current" class="active iteml"> 

<a href="http://localhost/joomlal50/">front page</a>  
</li> 
<li class="item2"> 
<a href="/joomlal50/joomlalicense">Joomla! License</a> 
</li> 
</ul> 
</div> 
... дополнительные команды HTML 

В этом коде достойны упоминания CSS#классы active item1 и active item2. 

Дополнительные суффиксы CSS вы найдете в одном из CSS#файлов шаблона по умол#
чанию rhuk_milkyway: 

div.module_menu h3 { 
fontfamily: Helvetica, Arial, sansserif;  
fontsize: 12px;  
fontweight: bold;  
color: #eee; 
margin: 23px 4px 5px 5px;  
paddingleft: 10px;  
paddingbottom: 2px; 

Рис. 13.4. Внешний 
вид модуля 


Copyright © 2018 Файлообменник mega.dp.ua

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