آموزش آپگرید قالب دیتالایف نسخه 10 به دیتالایف 10.1

پس از انتشار نسخه 10.1 دیتالایف تغییراتی در قالب این نسخه نیز صورت گرفته است که طبق این آموزش میتوانید قالب هماهنگ با 10 را به دیتالایف 10.1 آپگرید کنید.

آموزش آپگرید :
یادآوری : این آموزش بر اساس آپگرید قالب دیفالت سیستم است و ممکن است در قالبهای مختلف مقداری متفاوت باشد.
قبل از تغییرات یک نسخه پشتیبان از قالب خود نگهداری کنید.

1 ـ فایل engine.css قالب خود را باز کرده کدهای زیر را به انتهای آن اضافه کنید :

.findrelated {    background: #ffc;border:1px solid #9E9E9E;    margin: 0 0 8px;    padding: 5px;    width: 69%;  }

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 قالب را باز کرده و کدهای زیر را بیابید :

<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=\"آفلاین در سایت\" alt=\"آفلاین در سایت\" />[/offline]</li><li>[declination={comm-num}] نظر[/declination]</li><li>[declination={news-num}] مطلب[/declination]</li>

6 ـ فایل searchresult.tpl قالب را باز و تمامی محتوی آن را با کدهای زیر جایگزین کنید:

[searchposts][fullresult]{include file=\"shortstory.tpl\"}[/fullresult][shortresult]{include file=\"shortstory.tpl\"}[/shortresult][/searchposts][searchcomments][fullresult]{include file=\"comments.tpl\"}[/fullresult][shortresult]{include file=\"comments.tpl\"}[/shortresult][/searchcomments]

7 ـ یک فایل جدید با نام splitnewsnavigation.tpl حاوی کدهای زیر در فولدر قالب ایجاد کنید ( یکی از فایهای tpl قالب را بر روی دسک تاپ کپی و نام آن را به splitnewsnavigation تغییر داده و کدهای زیر را داخل آن جایگزین و به پوشه قالب اضافه کنید ) :

<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>