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

Адаптация шаблонов DLE 10.0 до DataLife Engine v.10.1
DLE 10.1 DataLife Engine v.10.1 Press Release все новое что вас ожидает в этой версии будет представлена на http://www.dle9.com/ уже в ближайшее время, а пока предлагаем вам ознакомиться с теми изменениями, которые вам предстоит внести в шаблоны dle 10.1 (то есть произвести адаптацию шаблона 10.0 до версии 10.1).

Конечно, в случаи если вы собираетесь обновить свой движок. Сегодня здесь вы узнаете весь список изменений в шаблонах между версиями 10.0 и 10.1, что вам нужно сделать для корректной работы на DataLife Engine v.10.1 (узнать что нового в этой версии приготовили разработчики вы можете по следующей ссылке тут).
Самые свежие материалы вы сможете найти у нас на www.dle9.com по этим ссылкам адаптации шаблоны на DLE 10.0, интересные dle модули, полезные хаки dle или найти все для DataLife Engine.

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

Список изменений в шаблонах между версиями 10.0 и 10.1
1. Откройте файл style/engine.css в самый низ добавьте:

/*---Найденные похожие новости при добавлении новостей на сайте---*/
.findrelated {
	width:99%;
	background: #ffc;border:1px solid #9E9E9E;
	padding: 5px;margin-top: 7px;
	margin-right: 10px;
}


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

.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}


Замените на:

.qq-upload-spinner {display:none; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}


Далее в этом же файле в самый низ добавьте:

.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);
}


3. Откройте файл addnews.tpl, который должен находится в папке templates/ваш шаблон и найдите следующие строчки кода:

<input type="text" name="title" value="{title}" maxlength="150" class="f_input" />


Замените на:

<input type="text" id="title" name="title" value="{title}" maxlength="150" class="f_input" />&nbsp;<input class="bbcodes" style="height: 22px; font-size: 11px;" title="Проверить доступность логина для регистрации" onclick="find_relates(); return false;" type="button" value="Найти похожие" /><span id="related_news"></span>


4. Откройте файл comments.tpl и найдите:

			<li>Комментариев: {comm-num}</li>
			<li>Публикаций: {news-num}</li>


Замените на:

			<li>[declination={comm-num}]комментари|й|я|ев[/declination]</li>
			<li>[declination={news-num}]публикаци|я|и|й[/declination]</li>


5. Найдите файл pm.tpl отыщите в нем строки кода :

			<li>Комментариев: {comm-num}</li>
			<li>Публикаций: {news-num}</li>


Замените на:

			<li>Статус: [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Пользователь Онлайн" alt="Пользователь Онлайн" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Пользователь offline" alt="Пользователь offline" />[/offline]</li>
			<li>[declination={comm-num}]комментари|й|я|ев[/declination]</li>
			<li>[declination={news-num}]публикаци|я|и|й[/declination]</li>


6. Откройте файл searchresult.tpl и содержание всего файла замените на следующее:

[searchposts]
[fullresult]
<div class="base shortstory">
	<div class="dpad">
		<h3 class="btl">[full-link]{title}[/full-link]</h3>
		<div class="bhinfo">
		[not-group=5]
			<ul class="isicons reset">
				<li>[edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit]</li>
				<li>{favorites}</li>
			</ul>
		[/not-group]
			<span class="baseinfo radial">
				Автор: {author} от [day-news]{date}[/day-news]
			</span>
			[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]
		</div>
		<div class="maincont">
			{short-story}
			<div class="clr"></div>
			[edit-date]<p class="editdate"><br /><i>Новость отредактировал: <b>{editor}</b> - {edit-date}
			<br />[edit-reason]Причина: {edit-reason}[/edit-reason]</i></p>[/edit-date]
		</div>
	</div>
	<div class="mlink">
		<span class="argmore">[full-link]<b>Подробнее</b>[/full-link]</span>
		<span class="argviews"><span title="Просмотров: {views}"><b>{views}</b></span></span>
		<span class="argcoms">[com-link]<span title="Комментариев: {comments-num}"><b>{comments-num}</b></span>[/com-link]</span>
		<div class="mlarrow">&nbsp;</div>
		<p class="lcol argcat">Категория: {link-category}</p>
	</div>
</div>
[/fullresult]
[shortresult]
<div class="dpad searchitem">
	<h3>[full-link]{title}[/full-link]</h3>
	<b>[day-news]{date}[/day-news]</b> | {link-category} | Автор: {author}
</div>
[/shortresult]
[/searchposts]
[searchcomments]
[fullresult]
<div class="bcomment">
	<div class="dtop">
		<div class="lcol"><span><img src="{foto}" alt=""/></span></div>
		<div class="rcol">
			<span class="reply">[fast]<b>Цитата</b>[/fast]</span>
			<ul class="reset">
				<li><h4>{author}</h4></li>
				<li>{date}</li>
			</ul>
			<ul class="cmsep reset">
				<li>Группа: {group-name}</li>
				<li>ICQ: {icq}</li>
			</ul>
		</div>
		<div class="clr"></div>
	</div>
	<div class="cominfo"><div class="dpad">
		[not-group=5]
		<div class="comedit">
			<div class="selectmass">{mass-action}</div>
			<ul class="reset">
				<li>[spam]Спам[/spam]</li>
				<li>[complaint]Жалоба[/complaint]</li>
				<li>[com-edit]Изменить[/com-edit]</li>
				<li>[com-del]Удалить[/com-del]</li>
			</ul>
		</div>
		[/not-group]
		<ul class="cominfo reset">
			<li>Регистрация: {registration}</li>
			<li>Статус: [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Пользователь Онлайн" alt="Пользователь Онлайн" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Пользователь offline" alt="Пользователь offline" />[/offline]</li>
			<li>[declination={comm-num}]комментари|й|я|ев[/declination]</li>
			<li>[declination={news-num}]публикаци|я|и|й[/declination]</li>
		</ul>
	</div>
	<span class="thide">^</span>
	</div>
	<div class="dcont">
		<h3 style="margin-bottom: 0.4em;">{news_title}</h3>
		{comment}
		[signature]<br clear="all" /><div class="signature">--------------------</div><div class="slink">{signature}</div>[/signature]
		<div class="clr"></div>
	</div>
</div>
[/fullresult]
[shortresult]
<div class="dpad searchitem">
	<h3 style="margin-bottom: 0.4em;">{news_title}</h3>
	<b>{date}</b> | Автор: {author}
</div>
[/shortresult]
[/searchcomments]


7. Чтобы воспользоваться возможностями навигации в полной новости, вам нужно создайте новый файл шаблона splitnewsnavigation.tpl, который следует поместить с другими подобными файлами вашего шаблона с таким содержанием:

<div class="dpad basenavi ignore-select">
	<div class="bnnavi">
		<div class="navigation">{pages}</div>
		<div class="nextprev">
			[prev-link]<span class="thide pprev">Назад</span>[/prev-link]
			[next-link]<span class="thide pnext">Вперед</span>[/next-link]
		</div>
	</div>
</div>

Информация об изменениях в шаблонах версии 10.0 и 10.1 было взято с офиц. сайта dle-news
  • 100
Рубрика: Все для DLE
Ранее » 15 рекомендаций как поднимаем ТИЦ« Далее DLE 10.1 DataLife Engine v.10.1
Добавление комментарияОставить комментарий
  • № :9
  • 8 января 2014 14:24
Ясно спасибо!!
  • № :8
  • 7 января 2014 20:56
Цитата: slava
Мои почтения! Скажите а такой вариант подойдёт чтобы адаптировать с версии 9.7 на 10.0? Спасибо!

Здравствуйте,
нет, это только для перехода с 10.0 на 10.1

Вам надо сначала с 9.7 сделать адаптацию до 9.8, потом с 9.8 до 10.0

процессы адаптации можно найти у нас или смотрите в блоке справа в "Похожие публикации"
  • № :7
  • 7 января 2014 13:28
Мои почтения! Скажите а такой вариант подойдёт чтобы адаптировать с версии 9.7 на 10.0? Спасибо!
  • № :6
  • 3 ноября 2013 23:11
нет, не повредит - это вспомогательные настройки для движка, откройте его там комментарии подписаны
  • № :5
  • 3 ноября 2013 22:42
Цитата: dle9
Цитата: FedEx
где файл frame.css? я не нашёл(

он стандартный его вы можете взять от любого шаблона, что идут в архиве с движком

спасибо! а шаблону не повредит?
  • № :4
  • 3 ноября 2013 20:39
Цитата: FedEx
где файл frame.css? я не нашёл(

он стандартный его вы можете взять от любого шаблона, что идут в архиве с движком
  • № :3
  • 3 ноября 2013 19:08
в этом шаблоне нету такого файла! http://www.dle9.com/besplatnye/shabloni/3184-shablon-dle-100-city-skyline.html
  • № :2
  • 3 ноября 2013 19:06
где файл frame.css? я не нашёл(
  • № :1
  • 23 октября 2013 19:17
ух уже на 10.1 Адаптировать будем)