Upgrade Template DLE 10.0 to DLE 10.1 - DLE English
While you can familiarize yourself with the changes that you have to make templates dle 10.1 (that is, to adapt the template 10.0 to 10.1 handles). Of course, if you want to upgrade your engine. Today, here you will learn the entire list of changes in the patterns between versions 10.0 and 10.1, you need to do to work correctly on DataLife Engine v.10.1.
Full instructions on adaptation patterns for compatibility with the new version template engine.
List of changes in patterns between versions 10.0 and 10.1:
1. Open the file style / engine.css to the bottom add:
/*---Found related news the latest news on the site ---*/
.findrelated {
width:99%;
background: #ffc;border:1px solid #9E9E9E;
padding: 5px;margin-top: 7px;
margin-right: 10px;
}
2. Open the file and locate frame.css:
.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
Replace with:
.qq-upload-spinner {display:none; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
Later in the same file at the bottom add:
.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. Open the file and locate addnews.tpl:
<input class="f_input" maxlength="150" name="title" type="text" value="{title}" />Replace with:
<input class="f_input" id="title" maxlength="150" name="title" type="text" value="{title}" /> <input class="bbcodes" onclick="find_relates(); return false;" style="font-size: 11px; height: 22px;" title="Check availability for registration login" type="button" value="Find Similar" /><span id="related_news"></span>4. Open the file and locate comments.tpl:
<li>Comments: {comm-num}</li>
<li>Publications: {news-num}</li>
Replace with:
<li>[declination={comm-num}]comment||s|s[/declination]</li>
<li>[declination={news-num}]article||s|s[/declination]</li>
<li>Comments: {comm-num}</li>
<li>Publications: {news-num}</li>
<li>Status: [online]<img alt="User Online" src="{THEME}/images/online.png" style="vertical-align: middle;" title="User Online" />[/online][offline]<img alt="User is offline" src="{THEME}/images/offline.png" style="vertical-align: middle;" title="User is offline offline" />[/offline]</li>
<li>[declination={comm-num}]Comments||s|s[/declination]</li>
<li>[declination={news-num}]Publication||s|s[/declination]</li>
[searchposts]
[fullresult]
<div class="base shortstory">
<div class="dpad">
<h3 class="btl">
[full-link]{title}[/full-link]</h3>
<div class="bhinfo">
[not-group=5]
<br />
<ul class="isicons reset">
<li>[edit]<img alt="Edit" src="{THEME}/dleimages/editstore.png" title="Edit" />[/edit]</li>
<li>{favorites}</li>
</ul>
[/not-group]
<span class="baseinfo radial">
Author: {author} on [day-news]{date}[/day-news]
</span>
[rating]<br />
<div class="ratebox">
<div class="rate">
{rating}</div>
</div>
[/rating]
</div>
<div class="maincont">
{short-story}
<br />
<div class="clr">
</div>
[edit-date]<br />
<div class="editdate">
<i>Last edited by: <b>{editor}</b> - {edit-date}
[edit-reason]Reason: {edit-reason}[/edit-reason]</i></div>
[/edit-date]
</div>
</div>
<div class="mlink">
<span class="argmore">[full-link]<b>Read More</b>[/full-link]</span>
<span class="argviews"><span title="Views: {views}"><b>{views}</b></span></span>
<span class="argcoms">[com-link]<span title="Comments: {comments-num}"><b>{comments-num}</b></span>[/com-link]</span>
<br />
<div class="mlarrow">
</div>
<div class="lcol argcat">
Category: {link-category}</div>
</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: {author}
</div>
[/shortresult]
[/searchposts]
[searchcomments]
[fullresult]
<div class="bcomment">
<div class="dtop">
<div class="lcol">
<img alt="" src="{foto}" /></div>
<div class="rcol">
<span class="reply">[fast]<b>Reply</b>[/fast]</span>
<br />
<ul class="reset">
<li><h4>
{author}</h4>
</li>
<li>{date}</li>
</ul>
<ul class="cmsep reset">
<li>Group: {group-name}</li>
<li>ICQ: {icq}</li>
</ul>
</div>
<div class="clr">
</div>
</div>
<div class="cominfo">
<div class="dpad">
[not-group=5]
<br />
<div class="comedit">
<div class="selectmass">
{mass-action}</div>
<ul class="reset">
<li>[spam]Spam[/spam]</li>
<li>[complaint]Report Abuse[/complaint]</li>
<li>[com-edit]Edit[/com-edit]</li>
<li>[com-del]Delete[/com-del]</li>
</ul>
</div>
[/not-group]
<br />
<ul class="cominfo reset">
<li>Registration: {registration}</li>
<li>Status: [online]<img alt="Currently Online" src="{THEME}/images/online.png" style="vertical-align: middle;" title="Currently Online" />[/online][offline]<img alt="Currently Offline" src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Currently Offline" />[/offline]</li>
<li>[declination={comm-num}]comment||s|s[/declination]</li>
<li>[declination={news-num}]article||s|s[/declination]</li>
</ul>
</div>
<span class="thide">^</span>
</div>
<div class="dcont">
<h3 style="margin-bottom: 0.4em;">
{news_title}</h3>
{comment}
[signature]<br />
<div class="signature">
--------------------</div>
<div class="slink">
{signature}</div>
[/signature]
<br />
<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: {author}
</div>
[/shortresult]
[/searchcomments]
<div class="dpad basenavi ignore-select">
<div class="bnnavi">
<div class="navigation">
{pages}</div>
<div class="nextprev">
[prev-link]<span class="thide pprev">Previous</span>[/prev-link]
[next-link]<span class="thide pnext">Next</span>[/next-link]
</div>
</div>
</div>
