8Dle
Авторизация

Адаптация Dle шаблонов с 10.3 -> 10.4

Адаптация Dle шаблонов с 10.3 -> 10.4

Изменения в шаблонах DataLife Engine с версий 10.3 по 10.4.
Список изменений в шаблонах для DataLife Engine при обновлении на новые версии скрипта.

Внесение изменений в шаблоны осуществляется в порядке очередности от версии к версии, в зависимости от той версии с которой вы обновлялись. Например вы проводили обновление скрипта DLE с версии 10.1 до версии 10.4, то в данном случае вам нужно поочередно вносить изменения, сначала те, которые были между версиями 10.1 и 10.2, потом изменения которые были между версиями 10.2 и 10.3, потом изменения между версиями 10.3 и 10.4 и т.д.

Установка:
1. Из стандартного шаблона в архиве дистрибутива скопируйте файлы /images/like.png, images/ratingplus.png, images/ratingminus.png в аналогичную папку вашего шаблона.

2. В общей папке шаблонов /templates/ создайте файл rss.tpl с содержимым:
[shortrss]<item>
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<description>{short-story}</description>
<category>{category}</category>
<dc:creator>{rssauthor}</dc:creator>
<pubDate>{rssdate}</pubDate>
</item>[/shortrss]
[fullrss]<item>
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<description><![CDATA[{short-story}]]></description>
<category><![CDATA[{category}]]></category>
<dc:creator>{rssauthor}</dc:creator>
<pubDate>{rssdate}</pubDate>
</item>[/fullrss]
[yandexrss]<item>
<title>{title}</title>
<link>{rsslink}</link>
<description>{short-story}</description>
<category>{category}</category>{images}
<pubDate>{rssdate}</pubDate>
<yandex:full-text>{full-story}</yandex:full-text>
</item>[/yandexrss]

3. Откройте файл style/engine.css в самый низ добавьте:
.ratingzero {
  color: #6c838e;
}
.ratingtypeplusminus {
  padding: 0px 5px;
}
.ratingtypeplus {
  color: #6c838e;
  padding: 0px 0px 0px 5px;
}
.ratingplus {
  color: green;
}
.ratingminus {
  color: red;
}


4. Откройте файл style/styles.css в самый низ добавьте:
.ratebox2 {
  float: right;
}
.ratebox3 {
  float: right;
}
.ratebox ul, .ratebox ul li {
  float: left;
}
.ratebox2 ul, .ratebox2 ul li {
  float: left;
}
.ratebox3 ul, .ratebox3 ul li {
  float: left;
}


5. Откройте файл comments.tpl и в нужное вам место добавьте поддержку в них рейтинга:
[rating]
    [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
    [rating-type-2]<div class="ratebox2">
    <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
    </ul></div>[/rating-type-2]
    [rating-type-3]<div class="ratebox3">
    <ul class="reset">
      <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
      <li>{rating}</li>
      <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
    </ul>
    </div>[/rating-type-3]
[/rating]


6. Откройте файл fullstory.tpl найдите в нем:
[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]


Замените на:
[rating]
  [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
  [rating-type-2]<div class="ratebox2">
      <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
      </ul></div>[/rating-type-2]
  [rating-type-3]<div class="ratebox3">
      <ul class="reset">
        <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
        <li>{rating}</li>
        <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      </ul>
      </div>[/rating-type-3]
[/rating]


7. Откройте файл searchresult.tpl найдите в нем:
[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]


Замените на:
[rating]
  [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
  [rating-type-2]<div class="ratebox2">
      <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
      </ul></div>[/rating-type-2]
  [rating-type-3]<div class="ratebox3">
      <ul class="reset">
        <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
        <li>{rating}</li>
        <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      </ul>
      </div>[/rating-type-3]
[/rating]


8. Откройте файл shortstory.tpl найдите в нем:
[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]


Замените на:
[rating]
  [rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
  [rating-type-2]<div class="ratebox2">
      <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
      </ul></div>[/rating-type-2]
  [rating-type-3]<div class="ratebox3">
      <ul class="reset">
        <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
        <li>{rating}</li>
        <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      </ul>
      </div>[/rating-type-3]
[/rating]


9. Откройте файл userinfo.tpl найдите в нем:
<div class="ratebox"><div class="rate">{rate}</div><span>Рейтинг:</span></div>


Замените на:
[rating-type-1]<div class="ratebox"><div class="rate">{rate}</div><span>Рейтинг:</span></div>[/rating-type-1]
[rating-type-2]<div class="ratebox2"><span>Рейтинг:</span> {rate}</div>[/rating-type-2]
[rating-type-3]<div class="ratebox2"><span>Рейтинг:</span> {rate}<span></div>[/rating-type-3]


Внимание:
Список изменений дан относительно стандартного шаблона Default. Вам необходимо вносить изменения в свой шаблон уже основываясь на нужды и верстку непосредственно вашего шаблона. Не все изменения необходимы именно вашему сайту, а также необязательно что оформление подойдет именно вашему сайту.

Жмите на Кнопу ниже, или подписывайтесь!


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


Dle это движок который изначально проектировался для создания новостных сайтов, но по мере своего развития движка значительно расширил свою функциональность и стал универсальным средством разработки и сопровождения сайтов и блогов различной направленности и тематики. По сравнению с другими бесплатными (и некоторыми платными) CMS системами движок dle обладает довольно обширными возможности.

Авторизация