Адаптация шаблона DLE 9.2 под DLE 9.5

+ -
+5
Инструкция по адаптации шаблона DLE 9.2 под DLE 9.3:

1. Необходимо срочно дополнить адаптируемый шаблон картинками, которые требуются в DataLife Engine 9.3, для этого скопируем недостающие файлы: delete.png, videopreview.jpg, youtubepreview.jpg из папки dleimages шаблона DLE 9.3 в одноименную папку Вашего шаблона. Тоже самое проделаем с изображением complaint.png из папки images.

2. Откроем файл шаблона, отвечающего за вывод комментариев comments.tpl и найдем код:
<li>[com -edit]Изменить[/com- edit]</li>


- выше которого добавим:

<li>[complaint]Жалоба[/complaint]</li>


3. Откроем файл шаблона, отвечающего за вид полной новости fullstory.tpl и найдем код:

<li>{favorites}</li>


- ниже которого вставим:

<li>[complaint]<img src="{THEME}/images/complaint.png" title="Сообщить о ошибке" alt="Сообщить о ошибке"/>[/complaint]</li>


- затем заменим код:

<a class="addcombtn" href="javascript :ShowOrHide ('addcform') "><b>Оставить комментарий</b></a>


- на следующий:

<a class="addcombtn" href="#" onclick="$('#addcform').toggle(); return false; "><b>Оставить комментарий</b></a>


4. Откроем файл шаблона, отвечающего за вид личных сообщений pm.tpl и найдем код:

<li>[del]Удалить[/del]</li>


- выше добавим:

<li>[complaint]Пожаловаться[/complaint]</li>
<li>[ignore]Игнорировать[/ignore]</li>


5. Откроем файл шаблона, отвечающего за вывод информации о пользователе userinfo.tpl и найдем код:

<td class="label">Номер ICQ:</td>


- выше добавим:

<td class="label">Список игнорируемых  пользователей:</td>
<td>{ignore-list}< /td>
</tr>
<tr>


Адаптация завершена!

Теперь адаптируем под DLE 9.4:

1) Для того чтобы включить новую функцию системы Вопрос - Ответ в шаблоны addcomments.tpl, registration.tpl в любом удобном для вас месте или ВЫШЕ кода :

[sec_code]
<tr>


добавляем следующий код:

[question]
    <tr>
        <td class="label">
            Вопрос:
         </td>
         <td>
             <div>{question}</div>
         </td>
    </tr>
    <tr>
        <td class="label">
            Ответ:<span class="impot">*</span>
        </td>
        <td>
            <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div>
        </td>
    </tr>
[/question]


2) Для добавления защиты система Вопрос - Ответ в шаблон addnews.tpl в удобном для Вас месте или можно ВЫШЕ кода :

[sec_code]
<tr>


добавляем следующий код:

[question]
    <tr>
        <td class="label">
            Вопрос:
        </td>
        <td>
            <div>{question}</div>
        </td>
    </tr>
    <tr>
        <td class="label">
            Ответ:<span class="impot">*</span>
        </td>
        <td>
            <div><input type="text" name="question_answer" class="f_input" /></div>
        </td>
    </tr>
[/question]


3) Некоторое добавление шаблона login.tpl

<label for="login_name">Имя:</label>


заменить на

<label for="login_name">{login-metod}</label>


В этом же шаблоне после таблицы пароля, (так же дополнительная защита) добавляем:

<li class="lfield lfchek">
    <input type="checkbox" name="login_not_save" id="login_not_save" value="1"/>
    <label for="login_not_save">&nbsp;Чужой компьютер</label>
</li>


4) Для добавления ссылки в профиле на RSS поток всех новостей пользователя в profile_popup.tpl,
после тега:

{news} 


добавляем:

[rss]<img src="{THEME}/images/rss_1_.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]


6) Новая возможность вывода "Похожих материалов в полной новости" с использованием шаблонной системы, для этого создаём файл relatednews.tpl (или копируем из стандартного шаблона), в нём записываем:

<li><a href="{link}">{title}</a></li>


7) А так же новая возможность для вывода "Популярных новостей" с использованием шаблонной системы создаём файл topnews.tpl (или копируем из стандартного шаблона), в нём записываем:

<li><a href="{link}">{title}</a></li>


Подробнее о используемых в relatednews.tpl и topnews.tpl тегов читайте документацию , которая идет с движком DLE 9.4 в формате *.CHM

Ну а теперь адаптируем под DLE 9.5:

Для начала необходимо создать картинку – заглушку, для статей сайт, у которых нет изображения. Она применяется в похожих и топ новостях, в случае если у новости отсутствует картинка. Следует создать картинку необходимого содержания (по примеру аватарки noavatar) и необходимым для похожих и топ новостей размером. Дать ей имя "no_image.jpg" и скопировать ее в папку "dleimages" Вашего шаблона.

Скопируйте файлы "print.tpl" и "static_print.tpl" из общей папки "templates" в папку с самим шаблоном, потому что в новой версии Dle 9.5 эти TPL шаблоны для печати переведены в общую папку шаблона.

Далее необходимо в конце CSS файла со стилями движка Dle 9.5 (style/engine.css) добавить следующий код:

/*---Подсветка кода в теге code---*/
pre code {
  display: block; padding: 0.5em;
  background: #f9fafa;
  border: 1px solid #dce7e7;
  overflow:auto;
  white-space: pre;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
pre .tex .formula {
  background: #eee8d5;
}


Для подсветки кода из тега CODE.

Внутри самого шаблона (не в папке style!) создайте файл frame.css и скопируйте в него следующий код:
Или скопируйте файлик с шаблона для 9.5 версии.

html,body{
    height:100%;
    margin:0px;
    padding: 0px;
    background: none;
}
hr {
    color: #999;
    border: 0px none;
    border-top: dashed 1px #999;
    height: 1px;
}
input,
select,
textarea {
    outline:none;
}
form {
    margin:0px;
    padding: 0px;
}
table{
    border:0px;
}
table td{
    padding:0px;
    font-size: 11px;
    font-family: verdana;
}
a:active,
a:visited,
a:link {
    color: #4b719e;
    text-decoration:none;
    }
a:hover {
    color: #4b719e;
    text-decoration: underline;
    }
.navigation {
    color: #999898;
    font-size: 11px;
    font-family: tahoma;
}
.edit {
    border:1px solid #9E9E9E;
    color: #000000;
    font-size: 11px;
    font-family: Verdana; BACKGROUND-COLOR: #ffffff
}
select {
    color: #000000;
    font-size: 11px;
    font-family: Verdana;
    border:1px solid #9E9E9E;
}
textarea {
    border: #9E9E9E 1px solid;
    color: #000000;
    font-size: 11px;
    font-family: Verdana;
    background-color: #ffffff
}
#hintbox{ /*CSS for pop up hint box */
    position:absolute;
    top: 0;
    background-color: lightyellow;
    width: 150px; /*Default width of hint.*/
    padding: 3px;
    border:1px solid #787878;
    font:normal 11px Verdana;
    line-height:18px;
    z-index:100;
    border-right: 2px solid #787878;
    border-bottom: 2px solid #787878;
    visibility: hidden;
}
.hintanchor{
    padding-left: 8px;
}
.xprofile textarea {
    width: 100%; height:90px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E;
}
.xprofile input {
    width:250px; height:18px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E;
}
.bk {
    background:#fff url(images/fields.png) repeat-x;
}



Следом необходимо открыть файл preview.css (CSS стили для страницы с предварительным просмотром) и в конце добавить следующий код:

/*---подсветка текста в теге [code]---*/
pre code {
  display: block; padding: 0.5em;
  background: #f9fafa;
  border: 1px solid #dce7e7;
  overflow:auto;
  white-space: pre;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
pre .tex .formula {
  background: #eee8d5;
}


После внесения дополнений в файлы CSS стилей следует отредактировать два файла "profile_popup.tpl" и "userinfo.tpl", в котором требуется найти теги: "{news_num}" и "{comm_num}" и заменить их на "{news-num}" и "{comm-num}" соответственно.

Вот и все!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментариев 0