Home

Page 265
Page 265
background image

Построение вебсайта с помощью Joomla! 

265 

Он интегрируется в каркас HTML следующим образом: 

<table class="greytable"> 

В результате индивидуальные элементы могут контролиро#

ваться по#разному классами CSS. 

В Joomla! есть множество предопределенных классов, 

посредством которых любой может легко программировать 
свои собственные шаблоны. Взглянем, например, на навига#
цию по сайт)#, показанную на рис. 16.12. 

Навигация по сайту использует три модуля Joomla!: 

•  Main Menu 

(Главное меню)

 

• 

User Menu 

(Пользовательское меню) 

•  User Login 

(Вход пользователей)

 

Рут определила компоновку навигации сайта с помощью 

следующих классов. 

HTML#код навигации по страницам: 

... 
<div class="moduletable_menu">  
<h3>main menu</h3>  
<ul class="menu"> 
<li id="current" class="active iteml"> 
<a href="http://localhost/bertrand/">front page</a> </li>  
<li class="parent item4"> 
<a href=>index.php?option=com_content...>The Wines</a>  
</li> 
<li class="parent item8"> 
<a href="index.php?option=com_content...">Wineyard </a> </li> 
... 
</ul>  
</div> 
<div class="moduletable">  
<h3>Announcement</h3> 
<form action="index.php" method="post" name="login" id="formlogin"> 
<fieldset class="input"> 
<p id="formloginusername"> 
<label for="modlgn_username">user name</label><br>  
<input id="modlgn_username" name="username" class="inputbox" 
alt="username" size="18" type="text"> 
</p> 
... 
</fieldset>  
<ul> 
<li> 
<a href="index.php?option=com_user...">Forgot your password?</a>  
</li> 
... 
</ul> 
<input name="option" value="com_user" type="hidden"> 
</form>  
</div> 
<div class="clear"></div> 
... 

Рис. 16.12. Навигация 
по сайту 


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

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