|
|
|
 |
 |
 |
|
Создание шаблонов оформления |
|
 |
|
 |
|
|
|
|
 | Создание дизайна для 1.*.* версий | Создание шаблонов оформления для Kasseler CMS.
На данный момент в системе реализован мощный шблонизатор, который включает в себя набор обязательных файлов – шаблонов, таких как:
• block-center.tpl – Шаблон центральных верхних блоков.
• block-down.tpl – Шаблон центральных нижних блоков.
• block-footer.tpl – Шаблон нижнего баннера.
• block-head.tpl – Шаблон верхнего баннера.
• block-left.tpl – Шаблон левых блоков.
• block-right.tpl – Шаблон правых блоков.
• comment.tpl – Шаблон комментариев.
• index.tpl – Главный шаблон сайта в котором размещается содержимое сайта.
• inform.tpl – Шаблон информационного сообщения.
• message.tpl – Шаблон сообщений на главной странице.
• publisher.tpl – Шаблон публикаций (используется для вывода: Новостей, Медея фалов, Файлов, Анекдотов).
• search.tpl – Шаблон результатов поиска.
• table_close.tpl – Шаблон закрытия таблицы.
• table_open.tpl – Шаблон открытия таблицы.
• warning.tpl – Шаблон сообщений об ошибках.
Разберем содержание файла index.tpl.
index.tpl должен быть примерно такого содержания:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
$meta
<title>$title</title>
$script
$link
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td colspan="3"><div style="float: left;">$logo</div><div>$topbaner</div></td>
</tr>
<tr>
<td id="leftcolumn" valign="top">$block_left</td>
<td valign="top">$message $block_center $modules $block_down</td>
<td id="rightcolumn" valign="top">$block_right</td>
</tr>
<tr>
<td colspan="3">$footmenu</td>
</tr>
<tr>
<td colspan="3"><center>$footbaner</center> $time $guery $license $var_info $query_info</td>
</tr>
</table>
</body>
$header
</html>
|
Или возможны другие дизайнерские модификации.
В файле index.tpl. могут быть использованы такие переменные.
• $user – Имя пользователя.
• $load_tpl – Название текущего шаблона пользователя.
• $link – Заменяется на теги <link />.
• $meta – Заменяется на теги <meta />.
• $header – Заменяется на некоторые JavaScript файлы системы и код расположен в файле header.php (расположение данного файла обязательно должно быть после тега </body>).
• $script – Заменяется на остальные JavaScript файлы системы.
• $license – Заменяется на сведенья о лицензии системы.
• $var_info - Заменяется на список глобальных переменных пользователя.
• $query_info - Заменяется на список запросов в базу данных от пользователя.
• $guery – Информация о количестве запросов в базу данных
• $time – Информация о скорости генерации HTML кода.
• $title – Название страницы основное расположение между тегами <title>$title</title>
• $message – Заменяется на список сообщений на главной странице (сообщения показываются только на главной странице).
• $block_left – Заменяется на массив сформированных левых блоков.
• $block_right – Заменяется на массив сформированных правых блоков.
• $block_center – Заменяется на массив сформированных центральных верхних блоков.
• $topbaner – Заменяется на массив сформированных верхних баннеров.
• $footbaner – Заменяется на массив сформированных нижних баннеров.
К обязательным параметрам index.tpl относятся id="leftcolumn" и id="rightcolumn" если их не вписать в контейнер в котором будут находится левые и правые блоки – то невозможно будет отключать показ блоков в модулях.
Так же в шаблонизаторе реализованы дополнительные возможности размещения блоков на странице. Каждый блоковый файл можно разместить на странице в абсолютно любом месте страницы.
Пример: Допустим что у нас есть блоковый файл block-myblock.php и мы хотим его вынести на шапку сайта или еще куда-то. Что для этого нужно сделать? block-myblock.php откинуть ".php" и вознести оставшийся текст в верхний реестр, получится BLOCK-MYBLOCK и разметить название блокового файла в index.tpl таким образом {BLOCK-MYBLOCK} и после этого блок block-myblock.php будет размещаться вместо {BLOCK-MYBLOCK}.
Далее мы разберем фалы шаблонов block-*.tpl
Файл index.tpl по умолчанию используется для всех модулей по умолчанию если нету специального шаблона для этого модуля. Специальный шаблон страницы сайта для определенного модуля выглядит так: index-[название модуля].tpl
Содержание таких файлов может быть примерно таким:
1
2
3
4
|
<div class="opentable">
<div class="blocktitle">$title</div>
<div>$content</div>
</div>
|
В котором могут быть такие переменные:
• $title – Название блока.
• $content – Содержание блока.
• $load_tpl – Название текущего шаблона пользователя.
• $id_block – Идентификатор блока (уникален для каждого блокового файла).
Дополнительные возможности создания блоковых шаблонов. Это не только создание шаблонов.
• $block_left – Заменяется на массив сформированных левых блоков.
• $block_right – Заменяется на массив сформированных правых блоков.
• $block_center – Заменяется на массив сформированных центральных верхних блоков.
• $topbaner – Заменяется на массив сформированных верхних баннеров.
• $footbaner – Заменяется на массив сформированных нижних баннеров.
Еще создание блокового шаблона для определенного блока: block-[название модуля].tpl, без скобок "[" и "]".
Также допустимо создание шаблона для определенного блокового файла, допустим наш блоковы файл называется block-myblock.php то отдельным шаблоном дизайна будет файл block-myblock.tpl.
Далее рассмотрим файл comment.tpl
Содержание файла может быть такого вида:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<table border="0" width="100%" class="bgcolor4" cellpadding="2" cellspacing="1">
<tr>
<th width="120" align="center">$name</th>
<th align="right" style="font-weight: normal;">$info</th>
</tr>
<tr class="bgcolor5">
<td width="120" valign="top">$user</td>
<td valign="top" style="background: #FFFFFF url(templates/$load_tpl/images/comment.gif) no-repeat top right;">$comment</td>
</tr>
<tr class="bgcolor5">
<td><table align="center" cellpadding="0" cellspacing="0"><tr><td>$rating</td></tr></table></td>
<td align="right">$operation</td>
</tr>
</table>
|
где:
• $name – Имя пользователя.
• $info – Информация о комментарии.
• $user – Информация о пользователе.
• $comment – Комментарий.
• $rating – Рейтинг пользователя.
• $operation – Кнопки удаления редактирования комментария (доступны только администраторам или модераторам).
• $load_tpl – Название текущего шаблона пользователя.
Структура шаблона может быть изменена по желанию дизайнера.
Следующий файл: publisher.tpl
Может иметь такую структуру:
1
2
3
4
5
6
|
<div id="$idpost">
<div>$title</div>
<div style="padding-left: 5px; padding-right: 5px;">$content</div>
<div style="float: left;">$rating</div>
<div class="info">$views $author $date $coment $detaling $operation</div>
</div>
|
Или же другую табличную опять же на усмотрение дизайнера.
В publisher.tpl имеются такие переменные:
• $title – Название релиза.
• $content – Содержание релиза.
• $rating – Рейтинг релиза.
• $views – Количество просмотров/скачиваний.
• $author – Автор релиза
• $date – Дата публикации.
• $coment – Количество комментариев к релизу.
• $detaling – Ссылка к подробному просмотру.
• $operation – Операции администратора/модератора относительно текущего релиза.
• $load_tpl – Название текущего шаблона пользователя.
К дополнительным возможностям относится возможность создавать уникальный дизайн – шаблон вывода релизов для каждого модуля отдельно. Допустим вы хотите создать отдельный дизайн на модуль News и к всему что было ранее описано и еще будет вы хотите сделать вывод новостей отличающийся от остальных модулей системы, для этого всего лишь нужно создать шаблон имя которого является имя модуля [название модуля].tpl, без скобок "[" и "]".
Все остальные шаблоны не имеют уникальных свойств и больше всего аналогичны блоковым шаблонам.
При создании дизайна не забывайте вложить в папку с дизайном фалы:
• menu.css
• jsconfig.js
• style.css
последний и которых также как и index.tpl по умолчанию для всех модулей при отсутствии специального CSS файла. Специальным CSS фалом будет файл вида style-[название модуля].tpl.
Более подробную информацию по конкретным случаям можно получить на форуме.
|
|
|
|
|
|
|
|
|
|
| |
Страница сгенерирована за 0.044 секунд и 8 запросов к базе данных за 0.00361 секунд
Web site engine code is Copyright ©2007-2008 by Kasseler CMS. All rights reserved.
|
|
|
|
|
