[Мануал] Все Для Dle
Помню похожую тему создовал Boec ,но темка похоже умерла.
Юзал поиск ненащёл похожей темы вот и решил её сделать .
Просьба модератором или админов закрепить темку ,так как она важная.
Итак, приступим к делу. Возьмём любой сторонний скрипт, к примеру, скрипт который будет выводить да более знакомую и порядком, поднадоевшую фразу "Hello world".
Вот код скрипта:
<?php
echo 'Hello World';
?>
Создадим текстовый документ, занесём туда эти строки и сохраним его с расширением php. Назовём наш файл, к примеру, test.php. Далее мы поместим наш файл с кодом в папку engine/modules/ и на этом можем считать, что половина дела сделана, самая лёгкая половина. Теперь нужно разрешить нашему скрипту выполняться в среде движка по определённому запросу. Для этого мы отредактируем файл engine.php, который располагается в папке engine. Откроем его любым текстовым редактором и в самом начале увидим длинную цепочку, состоящую из операторов «выбора» case. Здесь мы ставим задачку перед нашим движком, и ему приходится решать, какой модуль подгрузить в зависимости от переданных ему параметров. Для наглядности приведу пример. Вот мы вбиваем в адресной строке браузера ссылку следующего вида:
http://your_site.ru/index.php?do= register
Если вы знакомы с азами протокола tcp/ip, то вы с лёгкостью можете сказать, что по данной ссылке происходит передача переменной do со значением register на обработку сценарием index.php. Но в действительности данную строку будет обрабатывать не index.php, а файл engine.php, который благодаря функции включения (require_once) внедряется в index.php. Итак мы разобрались, каким образом переменные из браузера поступают в сценарий, теперь посмотрим как они обрабатываются. Открыв файл engine.php, мы в самом его начале можем увидеть следующую строку
if (isset ($_REQUEST['do'])) $do = $_REQUEST['do']; else $do = "";
она то и принимает на себя весь «огневой удар» переменных переданных из браузера, здесь как мы видим, в зависимости от того была ли переданная переменная сценарию или нет, происходит создание локальных переменных. Если переменная была передана, то мы создаём её локальный прототип и направляем в оператор switch. И там уже решается, какой модуль подгружать в зависимости от переданного параметра. В нашем случае мы передаём нашему сценарию значение register. Для этого случая предусмотрено подгружения модуля регистрации.
case "register" :
include ENGINE_DIR.'/modules/register.php';
break;
Из всего того что мы рассмотрели, можно сделать вывод, что для того чтобы наш скрипт был вызван по определённому запросу нужно просто-напросто добавить оператор case указывающий файл скрипта, который нужно подгрузить при определённом запросе.
Добавим после строки:
case "register" :
include ENGINE_DIR.'/modules/register.php';
break;
Строки подгружения нашего скрипта:
case "test" :
include ENGINE_DIR.'/modules/test.php';
break;
Теперь при запросе из адресной строки браузера по ссылки
http://your_site.ru/index.php?do= test
будет выполняться ваш скрипт, но вот беда, строка Hello world выводится вне контента в самом верху сайта. Это не то, что вы ожидали? Мда, те шаги что мы проделали не последние. Придётся ещё немного потрудится. DataLife имеет шаблонную структуру и поэтому нам придётся для своего модуля создать шаблон, чтобы все данные которые выводятся после выполнения нашего скрипта, оказались в пределах контента. Для этого создадим простейший tpl файл, который будет содержать следующее:
<html>
<body>
{test}
</body>
</html>
Файл назовём test.tpl и поместим его в папку содержащую файлы шаблона сайта, к примеру в /templates/Default.
Далее мы откроем наш файл со скриптом и не много его отредактируем чтобы все его данные выводились в нашем шаблоне (test.tpl).
<?php
$test = 'Hello world';
// Подгружаем шаблон
$tpl->load_template('test.tpl');
$tpl->set('{test}', $test);
$tpl->compile('content');
$tpl->clear();
?>
Скрипт не много усложнился, но не более того. Воспользовавшись встроенным шаблонизатором мы подгружаем наш шаблон, затем заменяем в нём строку
{test}
на значение переменной нашего скрипта. Далее мы указываем, что наш шаблон должен располагаться в контенте сайта, и в завершение вызываем метод
(clear();)
Вот теперь у вас есть работающий пример создания модуля для DataLife. Я разобрал простейший пример, но этого вполне достаточно, чтобы понять механизм внедрения в движок стороннего скрипта. Для полного завершения нужного проделать ещё несколько операций, а именно сделать доступность данного модуля по красивой ссылки применив чпу. Для этого в корне сайта мы найдём файл .htaccess откроем его текстовым редактором и в конце файла перед строкой
#?>
добавим:
# вывод тестового модуля
RewriteRule ^test(/?)+$ /?do=test
Благодаря этой строчки ваш скрипт будет доступен по ссылкам:
http://your_site.ru/index.php?do= test
и
http://your_site.ru/ test
И наконец, чтобы антивирус движка не ругался при сканирование сервера, нужно отредактировать файл antivirus.php, располагающийся в папке engine/ajax.
Открываем его в текстовом редакторе, и в длинную череду данных массива
$good_files
вставляем строку:
"./engine/modules/test.php",
Вот теперь ваш первый модуль имеет полную завершённость и вы можете насладится своим успехом в программирование под DataLife. Желаю успехов в постижение нового.
Ещё сегодня или завтро постораюсь в эту тему выложить манулы по созданию шаблонов(скинов ) под дли.
Если помог тофните спс 
Продолжение для тех кто уже сделали модули
Как подключить свой модуль к движку и вставить тег в шаблон
Вы написали свой модуль для Datalife Engine? И теперь хотите подключить его в шаблон через тег - {some_teg}?
Делаем это так: Открываем файл index.php и ищем строчку:
include ROOT_DIR.'/engine/modules/title.php';
после этой строчки ставим такую:
require_once ROOT_DIR."/your_file.php";
Где your_file.php меняем на свой файл.
Далее в том же index.php ищем строку:
$tpl->load_template('main.tpl');
после добавляем:
$tpl->set('{mine_teg}', $peremenna);
Где mine_teg тег который Вы потом будете выводить в свой шаблон main.tpl. А переменную peremenna просто замените на какую-нибудь уникальную свою.
В Datalife Engine до версии 3.3 включительно вместо ROOT_DIR использовалось root_path
У меня есть много дополнений ,движков и тд для DLE .
Выложить пока не могу трабла с трафиком как решу проблемму так сразу выложу)
ждите)
Ок держи урок по созданию скинов)
Урок номер 1
Оформление блоков в DLE, или свой дизайн блока за 5 минут.
Итак...(многозначительно сказал:), обычно после этого ставится пауза и слышен скрип мозгов:))
Займемся оформлением блока в Datalife Engine. За основу взят стандартный шаблон, его и будем переделывать,
все картинки, их не так много, лежат в папке pics (что бы не путать со стандартным).
Что представляет собой блок в Datalife?
В простейшем варианте это обычная таблица с двумя строками.
Выглядит это так
Код 1
<table width="200" border="1">
<tr>
<td>Заголовок блока</td>
</tr>
<tr>
<td>Содержимое блока</td>
</tr>
</table>
Меня лично это не устраивает. Ну какой может быть скин если вместо блоков вставить такие таблицы? Поэтому
для оформления блока необходим background для заголовка - как минимум + оформление border(границ) таблицы.
За основу я взял графику с шаблона Boxedart (см.ссылку на skin в конце урока).
Как сделать бекграунд и оформление - смотрите в css+html, я же привожу готовый код блока, все пути прописаны относительно
папки pics. (папку pics создаем в папке templates/Default)
Код 2
<table width="213" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" valign="top" class="bgblock">Заголовок блока</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif">
Содержимое блока</td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
В пути к картинкам Вы обязательно должны указывать тег {THEME}/ - это указывает движку что картинка находится в папке
со скином, а не где то еще.
Вот, теперь у нас есть ГОТОВАЯ заготовка для блока, что бы заменить нею все стандартные блоки нам потребуется еще
5 минут.
Самый главный вопрос из-за которого многие не спят ночами - "Да заготовка блока есть, а как же его вставить то
в шаблон", ответ на самом деле прост:
в папке templates/Default ищем файл main.tpl (если не найдете то этот урок не для вас:))
Открываем его - смело жмем на нем F4 (откроется блокнотом, у меня открывает Breed который встроен в TotalCMD)
1. Вход на сайт
В этом файле - main.tpl- куча строк непонятного кода. Первый блок который мы будем оформлять это Вход на сайт, Вам необходимо
найти код оригинального блока (проще всего это сделать нажав ctrl+F(поиск), и ввести в строку поиска "Вход на сайт")
Вот полный код этого блока (все остальные блоки выглядят так же, отличаются только содержимым, html код одинаков)
Код3:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Вход на сайт</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="copy">{login}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
Как видите этот код представляет собой простую таблицу, с бекграундами и т.д.,
удаляем ПОЛНОСТЬЮ этот код и вставляем вместо него Код 2, вместо "Заголовок блока", пишем "Вход на сайт",
в то место где стоит "Содержимое блока", вы вставляете тег - {login} - именно он и выводит содержимое блока "Вход на сайт"
В итоге вы получите такой код:
Код 4:
<table width="213" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" valign="top" class="bgblock">Вход на сайт</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="copy">
{login}</td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Если Вы заметили, то в строке таблицы где рамещена надпись "Вход на сайт", назначен класс - class="bgblock".(в строке с содержимым есть class="copy" - о нем чуть позже).
Открываем файл templates/Default/css/style.css, в самом низу добавляем:
Код 5:
.bgblock{
background-image: url(../pics/business_news.gif);
background-repeat: no-repeat;
font-family: tahoma;
text-transform: UPPERCASE;
font-weight: bold;
font-size: 10px;
padding-top: 10px;
padding-left: 30px;
}
Это css офомление строки - background (картинка на которой находится заголовок блока), положение бекграунда, шрифт,трансорфмация, вид шрифта, размер шрифта, 2 отступа. Если Вы этого кода не понимаете - значит Вам еще рано делать самим дизайн для DLE, и я рекомендую изучить CSS, для начала.
Тюнинг - тюнингом называется доведение участка страницы (либо всей страницы)..нет не до белого каления и не до зеленых чертиков..как вы подумали, а до окончательного блеска - ровняются участки текста, ссылки, цвета и т.д. Здесь все зависит от знания CSS+HTML, вот как бы это сделал я:
НО...это еще не все, как вы видите на скриншоте - ссылка завершить сеанс выглядит несколько кривовато(я специально убрал class="copy" что бы продемонстрировать), за оформление этого блока отвечает класс css - copy, итак строке в которой выводится содержимое назначаем class="copy", далее открываем templates/Default/css/style.css,и находим там такой код
Код 6:
.copy {
color: #727272;
font-size: 11px;
font-family: tahoma;
padding: 5px;
}
и заменяем его на, ну допустим такой код:
.copy {
color: black;;
font-size: 11px;
font-family: tahoma;
padding: 5px;
}
Далее чуть ниже находим оформление линков:
Код 7:
.copy a:active,
.copy a:visited,
.copy a:link {
color: #727272;
text-decoration:none;
}
.copy a:hover {
color: #727272;
text-decoration: underline;
}
Заменяем его на:
Код 8:
.copy a:active,
.copy a:visited,
.copy a:link {
color: #5E85B0;
text-decoration:none;
}
.copy a:hover {
color: #727272;
text-decoration: underline;
}
Но и это еще не все - когда тебе за дизайн платят деньги нужно быть уверенным что ты их отработал, что бы не назвали барыгой или ламмером, Меняем отступ формы ввода пароля/логина
Открываем файл login.tpl
Находим код:
Код 9:
$login_panel = <<<HTML
<div style="padding-top:5px; padding-left:21px;">
<table width="165" class="stext"><form method=post>
<tr align="left" valign="middle">
<td width="58" height="25" align="right">Логин</td>
<td height="25" align="right"><input type="text" name="login_name" style="width:103px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td width="58" height="25" align="right">Пароль</td>
<td height="25" align="right"><input type="password" name="login_password" style="width:103px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td width="58" height="25" align="right"> </td>
<td height="25" align="right"><div style="padding-top:2px; padding-left:0px;">
<input name="image" type="image" src="{THEME}/images/send.png">
<input name="login" type="hidden" id="login" value="submit">
</div></td>
</tr></form>
</table>
</div><div style="padding-top:8px; padding-left:55px; padding-bottom:5px;"><a href="{$link_regist}">Регистрация на сайте!</a><br><a href="{$link_lost}">Забыли пароль?</a></div>
HTML;
Что нас здесь интересует? Человек знающий хоть немного CSS+HTML сразу поймет, для остальных обьясню. Нас интересует выравнивание и отступы. Необходимо убрать все padding-left:21px;, и align="right" заменить на align="left" (+ такое выравнивание поставить всей таблице), а так же в предпоследней строке заменить padding-left:55px; на padding-left:5px;
Вот что получилось:
Код 10:
$login_panel = <<<HTML
<div style="padding-top:5px;">
<table width="165" class="stext" align="left"><form method=post>
<tr align="left" valign="middle">
<td width="58" height="25" align="left">Логин</td>
<td height="25" align="left"><input type="text" name="login_name" style="width:103px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td width="58" height="25" align="left">Пароль</td>
<td height="25" align="left""><input type="password" name="login_password" style="width:103px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>
</tr>
<tr align="left" valign="middle">
<td width="58" height="25" align="right"> </td>
<td height="25" align="left"><div style="padding-top:2px; padding-left:0px;">
<input name="image" type="image" src="{THEME}/images/send.png">
<input name="login" type="hidden" id="login" value="submit">
</div></td>
</tr></form>
</table><br>
</div><div style="padding-top:8px; padding-left:5px; padding-bottom:5px;"><a href="{$link_regist}">Регистрация на сайте!</a><br><a href="{$link_lost}">Забыли пароль?</a></div>
HTML;
Все - блок Вход на сайт можно считать оформленным, это самый сложный блок для оформления
Оформляем остальные блоки:
2. Навигация по сайту (рассматривается вариант с включенным ЧПУ)
Дальше идет блок Навигация по сайту, почему-то у новичков созднаие навигации вызывает сильные затруднения, на самом деле это
ОЧЕНЬ просто. Итак - нам нужно создать меню со ссылками на разделы сайта. Для начала мы должны создать новостные разделы, идем в админцентр - категории - создаём новые категории нвоостей, имена пишем латинницей, создаем допустим 3 категории,
1.soft
2.games
3.music
Сделали. Теперь туда нужно добавить туда хоть по одной новости (при переходе в пустой раздел вы увидите сообщение "Статьи по данному критерию не найдены"), добавили, кто не знает - это делается из админки-добавить новость.
я рассматриваю вариант навигации с включенным ЧПУ.
При включенном Чпу ссылка на любую категорию выглядит так http://www.вашсайт.ру/category/имя категории
Допустим у меня есть сайт http://monsterteam.ws, и есть категория soft, то ссылка будет выглядеть так
<a href="http://monsterteam.ws/category/soft">Программы</a>
Итак, ссылки (пример на основе моего домена)
1. http://monsterteam.ws/category/soft
2. http://monsterteam.ws/category/games
3. http://monsterteam.ws/category/music
а ссылки которые пойдут в модуль будут выглядеть так:
1. <a href="http://monsterteam.ws/category/soft">Программы</a>
2. <a href="http://monsterteam.ws/category/games">Компьютерные игры</a>
3. <a href="http://monsterteam.ws/category/music">Музыка</a>
Но - в модуль можно добавить вообще ЛЮБУЮ ссылку, на что угодно, я добавлю ссылку на форум
1. <a href="http://monsterteam.ws/category/soft">Программы</a>
2. <a href="http://monsterteam.ws/category/games">Компьютерные игры</a>
3. <a href="http://monsterteam.ws/category/music">Музыка</a>
4. <a href="http://monsterteam.info">Мой форум</a>
осталось самое простое - вставить эти ссылки в модуль Навигации
Открываем опять main.tpl, ищем там оригинальный блок
Код 11:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Навигация по сайту</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="stext"><div align="justify">После создания всех необходимых категорий, вы можете добавить вручную ссылки на просмотр новостей из этих категорий. Ручное добавление ссылок является более гибким и не создает нагрузки на сервер.</div><div style="padding-left:30px;"><br /><a href="/index.php?do=feedback">Обратная связь</a><br /><a href="/engine/rss.php">RSS новости</a><br /><br /></div></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
Удаляем его, а вместо него вставляем КОД2 - да-да, вставляем код модуля Вход на сайт, ничего ужасного здесь нет, оформление, то ИДЕНТИЧНОЕ у всех блоков, а изменяется в нем только Заголовок и Содержимое, в данном случае в заголовке Вы пишете Меню, вместо тега {login} Вы вставляете свои ссылки на разделы сайта.
Вот что в итоге получится:
Код 12:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Меню сайта</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="stext" style="padding-left:5px;>
<a href="http://monsterteam.ws/category/soft">Программы</a><br>
<a href="http://monsterteam.ws/category/games">Компьютерные игры</a><br>
<a href="http://monsterteam.ws/category/music">Музыка</a><br>
<a href="http://monsterteam.info">Мой форум</a><br></td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Тюнинг - как вы заметили в блоке с содержимым, там где мы вставили ссылки я заменил класс copy на класс stext, вернее это сделал не я, а разработчик системы, сделано это для того что бы меню отличалось от остальных блоков, находим в templates/Default/css/style.css такой код:
Код 13:
.stext {
color: #727272;
font-size: 11px;
font-family: tahoma;
}
.stext a:active,
.stext a:visited,
.stext a:link {
color: #E34000;
text-decoration:none;
}
.stext a:hover {
color: #E34000;
text-decoration: underline;
}
И заменяем на:
.stext {
color: #727272;
font-size: 11px;
font-family: tahoma;
}
.stext a:active,
.stext a:visited,
.stext a:link {
color: #5E85B0;
text-decoration:none;
font-weight: bold;
}
.stext a:hover {
color: #E34000;
text-decoration: underline;
}
В итоге ссылки в меню будут синими, а при наведениии красными - элементарый css.
Можно еще немного помучится и вставить перед пунктами меню какие-нибудь стрелочки и т.д
Вот что у меня получилось в итоге:
Код 14:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Меню сайта</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="stext" style="padding-left:5px;">
<img src="{THEME}/pics/dot.png"> <a href="http://monsterteam.ws/category/soft">Программы</a><br><br>
<img src="{THEME}/pics/dot.png"> <a href="http://monsterteam.ws/category/games">Компьютерные игры</a><br><br>
<img src="{THEME}/pics/dot.png"> <a href="http://monsterteam.ws/category/music">Музыка</a><br><br>
<img src="{THEME}/pics/dot.png"> <a href="http://monsterteam.info">Мой форум</a><br><br></td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Остальные блоки оформляются буквально за минуту, по аналогии с предыдущими
3. Опрос на сайте
Берем код оригинального блока:
Код 15:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Опрос на сайте</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="stext" style="padding-left:5px;">{vote}</td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
Заменяем его на свой (ставим заголовок "Опрос на сайте" и содержимое - тег {vote}, он и выводит опрос) :
Код 16:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Опрос на сайте</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="copy">
{vote}</td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Все блок оформлен, дополнительные настройки для тюнинга находятся в файле vote.tpl
4. Календарь
находим код:
Код 17:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Календарь</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td style="padding-left:20px;">{calendar}<br /></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0">
</td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
и заменяем его на свой, по аналогии с предыдущими пунктами
Код 18:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Календарь</td>
</tr>
<tr>
<td align="center" valign="top" background="{THEME}/pics/business_news_bg.gif" style="padding-left:5px;">
{calendar}</td>
</tr>
<tr>
<td height="5" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Тег {calendar} выводит календарь
Дополнительное редактирвоание календаря:
файл engine.css - в нем прописаны все основные стили движка, ищем секцию:
/*
* ========================================
* Календарь
* ========================================
*/
Все что ниже подлежит редактированию - цвет, отступы и т.д., либо же вы можете оставить все как есть, если вас устраивает
5. Популярные статьи
находим код:
Код 19:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Популярные статьи</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="copy">{topnews}<br /></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
и меняем его на свой:
Код 20:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Популярные статьи</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="copy">
{topnews}</td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
Тег {topnews} выводит топ новостей.
6. Архив новостей и смена шаблона
Небольшие блоки, поэтому объединил в один пункт:
Находим такой код (два блока, идут друг за другом):
Код 21:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Архив новостей</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="copy">{archives}<br /></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Выберите скин</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="skin">{changeskin}<br /></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
и зменяем на:
Код 22:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Архив новостей</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="copy">
{archives}<br /></td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
<br>
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Выберите скин</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="skin"><br>
{changeskin}<br /></td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table><br>
{archives} - выводит архив новостей, {changeskin} - выводит форму смены скина, в таблице смены шаблона класс строки с содержимым изменился на class="skin", редактируется в css/style.css
Код:
.skin {
font-size: 11px;
font-family: tahoma;
padding-left: 60px;
}
.skin select {
font-size: 11px;
font-family: tahoma;
}
фух....не устали еще?:) Ну что же и напоследок последний модуль:
6. Информация
Ну тут вообще просто, вставить заголовок и простой текст:
Ищем код:
<table width="100%">
<tr>
<td width="5"><img src="{THEME}/images/ltdt.png" width="5" height="50" border="0"></td>
<td background="{THEME}/images/bgtdt.png" class="ltitle" valign="top">Информация</td>
<td width="5"><img src="{THEME}/images/rtdt.png" width="5" height="50" border="0"></td>
</tr>
<tr>
<td background="{THEME}/images/ltd.gif"><img src="{THEME}/images/ltd.gif" width="5" border="0"></td>
<td class="copy"><div align="justify">Уважаемые вебмастера, вы просматриваете тестовую страницу движка DataLife Engine. Текущая версия 3.5. Вы можете использовать данный движок по вашему усмотрению при соблюдении следующих условий:<br /><br />- На вашем сайте должна обязательно присутствовать ссылка на наш сайт, в любой видимой части страницы<br />- Запрещено изменять копирайты и рекламные материалы встроенные в движок.<br /><br />Если хотите снять данные ограничения, то должны приобрести лицензию по вполне разумным ценам, в зависимости от тематики стоимость составляет до 29$</div></td>
<td background="{THEME}/images/rtd.gif"><img src="{THEME}/images/rtd.gif" width="5" border="0"></td>
</tr>
<tr>
<td><img src="{THEME}/images/ltdb.png" width="5" height="10" border="0"></td>
<td background="{THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>
<td><img src="{THEME}/images/rtdb.png" width="5" height="10" border="0"></td>
</tr>
</table>
Заменяем на:
<table width="213" border="0" cellpadding="0" cellspacing="0" class="text">
<tr>
<td height="30" valign="top" class="bgblock">Информация</td>
</tr>
<tr>
<td valign="top" background="{THEME}/pics/business_news_bg.gif" class="copy">
<div align="justify">Уважаемые вебмастера, вы просматриваете тестовую страницу движка DataLife Engine. Текущая версия 3.5. Вы можете использовать данный движок по вашему усмотрению при соблюдении следующих условий:<br /><br />- На вашем сайте должна обязательно присутствовать ссылка на наш сайт, в любой видимой части страницы<br />- Запрещено изменять копирайты и рекламные материалы встроенные в движок.<br /><br />Если хотите снять данные ограничения, то должны приобрести лицензию по вполне разумным ценам, в зависимости от тематики стоимость составляет до 29$</div></td>
</tr>
<tr>
<td height="5" align="center" valign="top"><img src="{THEME}/pics/business_news_bottom.gif" width="213" height="5" alt="" /></td>
</tr>
</table>
ВСЕ.
Если Вы еще не поняли - Вы только что заменили все станартные блоки на свои, с чем я вас и поздравляю:)