Адаптация шаблонов Dle 9.4 под Dle 9.5 » Techno-Co — Всё для вебмастера, для создание сайтов с нуля.

12.07.2014
Без рубрики

Для начала необходимо создать картинку – заглушку, для статей сайта, у которых нет изображения. Она применяется в похожих и топ новостях, в случае если у новости отсутствует картинка. Следует создать картинку необходимого содержания (по примеру аватарки 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;
}

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

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}» соответственно.

Данный материал по адаптации шаблона под Dle 9.5, был взят с официального сайта разработчика. И основываясь на нем и создана данная статья.