Адаптация шаблонов DLE 10.1 до DataLife Engine 10.2

Какие изменения нужно внести в шаблоны DLE 10.1, чтобы информация сайта нормально отображалась на движке DLE 10.2, или сделать адаптацию шаблонов с DLE 10.1 до DataLife Engine 10.2? Об этом вы сможет узнать в данном посте на https://dle9.com/. Это самое простое изменение в шаблонах с которым справится любой.

Стоит отметить, что сегодня можно скачать движок DataLife Engine v.10.2 Press Release (лицензионные версии Win1251 / UTF8), чтобы опробовать все новые возможности добавленные разработчиками о которых мы писали в новостном обзоре DataLife Engine v.10.2 DLE 10.2.

Изменения в шаблонах DataLife Engine необходимо произвести, чтобы нормально выполнялись все функции движка.
Здесь представлен список изменений в шаблонах для DataLife Engine 10.2, которые нужно внести при обновлении на новые версии скрипта.

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

Cкачать DataLife Engine 10.2 DLE (лицензионные версии Win1251 и UTF8).

Список изменений в шаблонах между 10.2 и 10.1

1. Откройте файл frame.css и найдите:

.progressbar {
  overflow: hidden;
  height: 15px;
  margin-top: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.progressbar span {
  color: #ffffff;
  text-align: center;
  text-indent: -2000em;
  height: 15px;
  display: block;
  overflow: hidden;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}

Замените на:

.progress {
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    background-color:whitesmoke;
    height:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background:#eee;
    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
 .progress .progress-bar {
    float:left;
    width:0%;
    font-size:12px;
    line-height:20px;
    color:white;
    text-align:center;
    background-color:#428bca;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:8px;
}
.progress-bar span{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    border:0;
}
.progress-blue {
    background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));
    background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);
    background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);
    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9BCFF5', endColorstr='#FF6DB9F0', GradientType=0);
    border:1px solid #55aeee;
}

Внимание! Для работы модулей, хаков dle и полного функционала шаблона необходимо выполнять поэтапную адаптацию шаблона согласно инструкции.
Если у вас версия шаблона дле 9.6 то для работы на 10.2, понадобиться выполнить адаптацию до 9.7, потом до 9.8, до 10.0, до 10.1 и только для 10.2. Только в этом случаи у вас будет нормально адаптированный шаблон.
Все этапы адаптации вы сможете найти у нас начиная с 8.5 до 10.2:
Изменения между версиями 10.1 и 10.0
Изменения между версиями 10.0 и 9.8
Изменения между версиями 9.8 и 9.7
Изменения между версиями 9.7 и 9.6
Изменения между версиями 9.6 и 9.5 и т.д. остальные смотрите в категории Все для DLE

Информация об изменениях в шаблонах версии 10.1 и 10.2 было взято с офиц. сайта dle-news
Скачать готовый файл frame.css, который достаточно заменить в шаблоне, чтобы получить адаптированный шаблон для DLE 10.2

frame.rar [2,59 Kb] (cкачиваний: 101)