Адаптация HTML шаблона (боковая панель)
Подключим элементы боковой панели HTML шаблона.
Исходный код боковой панели
Боковая панель в исходном HTML коде расположена в div-е класса sidebar и имеет следующую структуру:
<div class="search">
...
<div class="gadget">
<h2>Sidebar Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
...
<div class="gadget">
<h2><span>Sponsors</span></h2>
<div class="clr"></div>
<ul class="ex_menu">
...
<div class="gadget">
<h2>Wise Words</h2>
...
<div class="clr"></div>
</div>
По структуре видно, что используются блоки классов search и gadget. Блоки gadget используются в 3-х видах блоков. Это 2 вида меню и текстовый блок.
Меню боковой панели
Уберем из кода блок со строкой поиска по сайту - div класса search (т.к. в нашем сайте мы ее не используем) и приступим к построению бокового меню. В шаблоне находим код боковой панели, который начинается со строки:
и меняем его, удаляем блок формы поиска и прописываем цикл виджетов:
<!--{widgets}-->
<div class="gadget">
<h2>{name}</h2>
<div class="clr"></div>
{?isWidget}{text}{/?}
<ul class="{?ex_menu}ex_menu{:}sb_menu{/?}">
<!--{items}-->
<li><a href="{url}" title="{title}">{name}</a>{?ex_menu}<br />{title}</li>
<!--{/}-->
</ul>
</div>
<!--{/}-->
</div>
<div class="clr"></div>
В коде используется условие для определения вида меню. Если в свойствах элемента который создает меню задать определение ex_menu, то меню будет иметь другой вид.
Если вы хотите чтоб блок Wise Words выглядел так же как в исходном шаблоне, сделайте следующее: замените в виджете название на Wise Words, а в тексте виджета напишите следующий код упрощенной разметки WebProject:
.[float:right]
_[Earl Nightingale]
это сгенерирует html код индентичный коду в шаблоне.
