Адаптация шаблонов DataLife Engine 9.2 (или как сделать шаблон 9.0 рабочим для движка DLE 9.2)
Читаем также: Адаптация шаблонов Dle 9.2 для новой версии DataLife Engine 9.3
Полная инструкция по редактированию шаблонов dle, адаптация для новой версии 9.2. Информация взята с официального ресурса . Только в подробной, удобной форме, инструкция написана администрацией веб-ресурса dle9.com.
Итак, что бы переделать шаблон DLE нужно будет изменить некоторые значения в TPL и CSS шаблоне.
1. Открыть файл templates/Ваш Шаблон/css/engine.css
Добавить в разделе к: /* ==================== BB коды---*/
До строчки:
.editor_button {Код:
.editor input [type="text"] { font-size:11px; font-family: tahoma; background: #fff url(../images/dlet_field_o.gif) repeat-x; border: 1px solid #bcc0c2; }Заменить весь блок.
/*---Быстрый поиск на сайте---*/ #searchsuggestions { border-width:1px; border-color:#919191; border-style:solid; width:300px; background-color:#5c9ccc; font-size:10px; line-height:14px; }#searchsuggestions a { padding:5px;display:block; background-color:#ffffff; clear:left; height:75px; text-decoration:none; }#searchsuggestions a:hover { background-color:#fdd08b; color:#ffffff; }#searchsuggestions a span.searchheading { background: #5c9ccc; display:block; font-weight:bold; padding:5px; color:#ffffff; }#searchsuggestions a:hover span.searchheading { color:#ffffff; }#searchsuggestions a span {color:#555555; }#searchsuggestions a:hover span { color:#000000; }#searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;}#searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; }#searchsuggestions span.notfound { padding:5px; background-color:#ffffff; display:block; height:auto; color:#000000; }Добавить в блоке /* ======= ========== === Диалоговые и всплывающие окна jQuery UI */
Найти:
.ui-dialog {overflow: hidden; padding: .2em; position: absolute; width: 300px;}После добавить :
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}Заменить полностью блок /* ======= ========== === Автозаполнение облака тегов */
На блок :
/* ======= ========== === Автозаполнение облака тегов */.ui-autocomplete { position: absolute; cursor: default; }* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left;}.ui-menu .ui-menu { margin-top: -3px;}.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;}.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1;}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px;}2. Классы из файла templates/Шаблон/css/style.css:
Найти код:
html, body { margin: 0px; padding: 0px; background-color: #E8E8E8; font-size: 11px; font-family: Tahoma, Verdana; color: #555555; /* цвет текста задается для загрузчика, чтобы не вносить изменений в главный index.php */}p {margin: 0; padding: 0 0 0 10px;}input,select,После добавить:
button,a,Найти код :
.copy a:hover {co lor: #06bab4;text-decoration: underline;}После там же добавить:
.copy ul, .copy li { margin: 0; padding: 0;}Найти код:
.news img {padding -right : padding-bott om: 10px; padding-top: 10px; border: none; }Заменить полностью на:
.news img {padding: 5px; border: none; }Не существенная замена: Добавляет капчу ( защита от спама) , если в этом нет необходимости можно не добавлять.
4. В файле templates/Шаблон/addcomments.tpl и тоже самое pm.tpl
Найти код :
[/sec_code]После добавить код:
[recaptcha]<tr> <td class="label">Введите два слова, показанных на изображении: <span class="impot">*</span></td><td><div>{recaptcha}</div></td></tr>[/recaptcha]5. В файле templates/Шаблон/addnews.tpl и тоже самое registration.tpl
Найти код :
[/sec_code]После добавить код:
[recaptcha]<tr><td> </td><td><br />Введите два слова, показанных на изображении: < br />{recaptcha}</td></tr>[/recaptcha]6. В файле templates/Шаблон/feedback.tpl
Здесь нужна найти похожие строчки и взять в тег
[sec_code] --// [/sec_code] Найти строчки:
<tr><td class="label"> Введите код:<span class="impot">*</span> </td><td><div>{code}</div><div><input type="text" maxlength="45" name="sec_code" style="width:115px" class="f_input" /></div></td></tr> ПРИМЕР:
[sec_code]<tr><td class="label"> Введите код:<span class="impot">*</span></td><td> <div>{code}</div><div><input type="text" maxlength="45" name="sec_code" style="width:115px" class="f_input" /></div> </td></tr>[/sec_code]А после тега
[/sec_code]Добавить код:
[recaptcha] <tr> <td> </td><td><br />Введите два слова, показанных на изображении: < br />{recaptcha} </td></tr>[/recaptcha]6. В файле templates/Шаблон/lostpassword.tpl
Здесь нужна найти похожие строчки и взять в тег
[sec_code] --// [/sec_code] Найти строчки:
<tr><td class="label">Введите код:<span class="impot">*</span> </td><td> <div>{code}</div><div><input type="text" maxlength="45" name="sec_code" style="width:115px" class="f_input" /></div></td></tr> ПРИМЕР:
[sec_code]<tr><td class="label"> Введите код:<span class="impot">*</span> </td><td><div>{code}</div><div><input type="text" maxlength="45" name="sec_code" style="width:115px" class="f_input" /></div></td></tr>[/sec_code]После добавить код:
[recaptcha]<tr><td class="label">Введите два слова, показанных на изображении: <span class="impot">*</span> </td> <td><div>{recaptcha}</div> </td> </tr> [/recaptcha]Дополнительные функции и некоторые изменения.
7. В файле templates/Шаблон/fullstory.tpl
Здесь нужна найти похожие строчки и взять в тег [related-news]\---///[/related-news]
<div class="related"> <div class="dtop"><span><b>Другие новости по теме:</b></span></div><ul class="reset"> {related-news} </ul><br /> </div>ПРИМЕР:
[related-news]<div class="related"> <div class="dtop"><span><b>Другие новости по теме:</b></span></div> <ul class="reset"> {related-news} </ul><br /> </div>[/related-news]9. В файле templates/Шаблон/main.tpl
Если {topnews} выводится с ошибками добавить теги:
{topnews} Пример :
<ul>{topnews}</ul>10. В файле templates/Шаблон/vote.tpl
Найти тег и заменить:
<input type="submit" onclick="doVote('results'); return false;" class="bbcodes_poll" value="Результаты" /></td>Заменить:
<input type="submit" onclick="doVote('results'); return false;" class="bbcodes_poll" value="Результаты" /> <br /> <br /><a href="" onclick="ShowAllVotes(); return false;">Показать все опросы</a></td>Самая важная процедура, так как многие шаблоны перестают корректно работать после перехода на новую версия дле 9.2 :
11. В файле templates/Шаблон/login.tpl
Найти строки, удалить или заменить :
<?phpif ($is_logged == TRUE){$login_panel = <<<HTMLЗаменить на :
[not-group=5]В файле найти похожую строчку:
<div class="login" align="left">Привет,<strong>{$member_id['name']}</strong>! [<strong><a href="{$link_logout}">Выход</a></strong>] <a href="{$link_pm}">ПС ({$member_id['pm_unread']} | {$member_id['pm_all']})</a>В этой строке найти строчку :
{$member_id['name']}Заменить на :
{login} В этой строке найти строчку :
{$link_logout}Заменить на:
{logout-link}Найти и удалить строчку :
HTML; if ($user_group[$mem ber_id['user_group'] ]['allow_admin']) {$login_panel.= <<<HTML Найти и удалить строчку :
HTML; $login_pan el .= <<<HTML Найти похожую строку :
<img src="{$foto}" alt="{login}">Заменить на :
<img src="{foto}" alt="{login}">Найти похожую строку :
<a href="{$adminlink}" target="_blank"><b>Админпанель</b></a>Заменить на:
[admin-link]<a href="{admin-link}" target="_blank"><b>Админпанель</b></a> [/admin-link]Найти похожую строку :
<a href="{$link_profile}">Профиль</a>Заменить на :
<a href="{profile-link}">Профиль</a>Найти похожую строку :
<a href="{$link_pm}">Сообщения: ({$member_id['pm_unread']} {$member_id['pm_all']})</a> Заменить на :
<a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a>Найти похожую строку :
<a href="{$link_favorites}">Закладки</a> Заменить на :
<a href="{favorites-link}">Закладки</a>Найти похожую строку :
<a href="{$link_stats}">Статистика</a>Заменить на :
<a href="{stats-link}">Статистика</a>Найти похожую строку :
<a href="{$link_newposts}">Непрочитанное</a>Заменить на :
<a href="{newposts-link}">Непрочитанное</a>Найти похожую строку :
<a href="{$link_addnews}">Добавить новость</a>Заменить на:
<a href="{addnews-link}">Добавить новость</a>Найти строки:
HTML; } else { $login_panel = <<<HTMLЗаменить на:
[/not-group] [group=5]Найти строки:
<a href="{$link_lost}">Напомнить пароль?</a>Заменить на:
<a href="{lostpassword-link}">Напомнить пароль?</a>Найти строки:
<a href="{$link_regist}">Регистрация на сайте!</a>Заменить на :
<a href="{registration-link}">Регистрация на сайте!</a>Найти строки:
HTML; } ?>Заменить:
[/group]Вот в принципе и все. Если возникнут проблемы данные изменения можно увидеть в новом релизе DataLife Engine 9.2 в шаблоне Default или в любом другом уже адаптированном для.
Мы рекомендуем прежде прочитать статью по установке DataLife Engine на домашний компьютер (она поможет избежать многих ошибок и трудностей)!
Советуем перед использованием модулей, dle шаблонов, хаков dle и движка DataLife Engine особенно с других ресурсов проверять для защиты Вашего ресурса от разного рода угроз более подробно здесь
Порекомендуем скачать адаптация шаблоны 9.0 под новую версию 9.2