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

На днях состоялся новый релиз системы управления сайтом DataLife Engene или DLE за номером 9.5. В скрипт внесено очень много полезных и не очень изменений, но главное отличие от предыдущих версий — это то, что добавился ряд изменений в логике шаблонов сайта. К примеру, если взять стандартный шаблон от DLE 9.4, то некоторые элементы логики шаблона, могут некорректно обрабатываться в версии шаблона DLE 9.5.

Изменения не существенные, поэтому их достаточно легко поправить вручную самому. При этом замечу, что если вы скачали на сайте движка официальный релиз DLE 9.5, то естественно ничего исправлять не нужно, разработчики все уже исправили сами. Речь идет о стандартных или уникальных шаблонах предыдущей версии DLE 9.4. Ниже предлагаю полную инструкции по корректировки шаблона DLE 9.4 под DLE 9.5.

1. Первым делом копируем в папку вашего шаблона изображение из стандартного шаблона находящегося по адресу /templates/Default/dleimages/no_image.jpg

2. Далее копируем файлы print.tpl и static_print.tpl из старой папки /templates/ в папку вашего стандартного или уникального шаблона, например /templates/мой шаблон/

3. Открываем файл 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;
}

4. Создаем в папке своего шаблона файл .htaccess со следующим содержимым:

Order allow,deny
Deny from all

<FilesMatch "\.(css)$|^$">
   Order deny,allow
   Allow from all
</FilesMatch>

5. Затем создайте в папке своего шаблона новый файл 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;
}

6. После чего откройте файл preview.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;
}

7. Теперь откройте файл profile_popup.tpl и найдите блок кода:

<li><span class="grey">Публикаций:</span> {news_num} [ {news} ] [rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
<li><span class="grey">Комментариев:</span> <b>{comm_num} [ {comments} ]</b></li>

Удалите весь это блок и замените на следующий код:

<li><span class="grey">Публикаций:</span> {news-num} [ {news} ] [rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
<li><span class="grey">Комментариев:</span> <b>{comm-num} [ {comments} ]</b></li>

8. И последнее, открываем файл userinfo.tpl и находим строки:

<li><span class="grey">Количество публикаций:</span> <b>{news_num}</b> [{news}][rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
<li><span class="grey">Количество комментариев:</span> <b>{comm_num}</b> [{comments}]</li>

Удаляем их и вставляем новый блок кода:

<li><span class="grey">Количество публикаций:</span> <b>{news-num}</b> [{news}][rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
<li><span class="grey">Количество комментариев:</span> <b>{comm-num}</b> [{comments}]</li>

 

На заметку

Интересует заработок в сети или хотите получать прибыль от ведения своего блога? Тогда к вашим услугам каталог партнерских программ с огромной базой статей, отсортированной по тематическим разделам: Контекстная реклама, Аналитика, Стартапы, Хостинг, Монетизация, Социальные сети и многое другое.