Адаптация дле шаблоны DLE 9.0 под новую версию DLE 9.2

Раздел: Скачать DataLife Engine » DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Адаптация шаблонов DataLife Engine 9.2 (или как сделать шаблон 9.0 рабочим для движка DLE 9.2)


Читаем также: Адаптация шаблонов Dle 9.2 для новой версии DataLife Engine 9.3

Полная инструкция по редактированию шаблонов dle, адаптация для новой версии 9.2. Информация взята с официального ресурса . Только в подробной, удобной форме, инструкция написана администрацией веб-ресурса www.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>&nbsp;</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>&nbsp;</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>!&nbsp; &nbsp;[<strong><a href="{$link_logout}">Выход</a></strong>]&nbsp;   <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
  • 100
Рубрика: Все для DLE » Скачать DLE
Ранее » Ответы почему у шаблонов дле проблемы с отображение« Далее DataLife Engine v.9.3 Press Release что в новой версии
Добавление комментарияОставить комментарий
  • № :5
  • 15 июня 2012 15:32
Автор СПАСИБО БОЛЬШОЕ. Все работает! просто супер!
  • № :4
  • 28 января 2012 08:25
zoOmer,

1.
Внимание! У вас нет прав для просмотра скрытого текста.
, выделенное место меняем на 83, 85, 90
Страница официального сайта, где показаны какие изменения нужно произвести , что бы адаптировать шаблон до 90
  • № :3
  • 28 января 2012 04:07
dle9,
Скажите а есть возможность адаптировать шаблон с dle 8.0 на 9.0 ???
Просто в прошлом у меня был сайт с движком dle 8.0 и там был хорошенький шаблон...вот нашел его хотелось бы поставить его обратно но так как у меня сейчас сайт с движком dle 9.0...Задумался как же его адаптировать??? Не подскажите??
  • № :2
  • 1 мая 2011 18:48
Цитата: Димон
информация хорошая,но блин зачем так делать не чего не скопировать всё прописывать ручками для замены и архиф повреждён если можно исправте


Все тоже самое есть в архиве . для удобства достаточно скачать !!!

Архив не поврежден , с ним все в порядке !!!
Дело в том, что у Вас архиватор старой версии , отсюда данная ошибка , достаточно обновить версию ! Удачи!
  • № :1
  • 1 мая 2011 16:31
информация хорошая,но блин зачем так делать не чего не скопировать всё прописывать ручками для замены и архиф повреждён если можно исправте