Какие изменения нужно внести в шаблоны 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
Комментарии 5