Hướng dẫn nâng cấp giao diện từ DLE 10.0 lên DLE 10.1
- Mở tệp style/engine.css ở dưới cùng và thêm:
/*---Найденные похожие новости при добавлении новостей на сайте---*/ .findrelated { width:99%; background: #ffc;border:1px solid #9E9E9E; padding: 5px;margin-top: 7px; margin-right: 10px; }
- Mở file frame.css và tìm:
.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
Thay đổi thành:
.qq-upload-spinner {display:none; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
Tiếp theo trong cùng một tệp, ở dưới cùng, thêm:
.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); }
- Mở file addnews.tpl và tìm:
<input type="text" name="title" value="{title}" maxlength="150" class="f_input" />
Thay đổi thành:
<input type="text" id="title" name="title" value="{title}" maxlength="150" class="f_input" /> <input class="bbcodes" style="height: 22px; font-size: 11px;" title="Найти похожие новости" onclick="find_relates(); return false;" type="button" value="Найти похожие" /><span id="related_news"></span>
- Mở file comments.tpl và tìm:
<li>Комментариев: {comm-num}</li> <li>Публикаций: {news-num}</li>
Thay đổi thành:
<li>[declination={comm-num}]комментари|й|я|ев[/declination]</li> <li>[declination={news-num}]публикаци|я|и|й[/declination]</li>
- Mở file pm.tpl và tìm:
<li>Комментариев: {comm-num}</li> <li>Публикаций: {news-num}</li>
Thay đổi thành:
<li>Статус: [online]<img src="/templates/Default/images/online.png" style="vertical-align: middle;" title="Пользователь Онлайн" alt="Пользователь Онлайн" />[/online][offline]<img src="/templates/Default/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>
- Mở file searchresult.tpl và thay thế nội dung của toàn bộ file bằng:
[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="/templates/Default/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"> </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="/templates/Default/images/online.png" style="vertical-align: middle;" title="Пользователь Онлайн" alt="Пользователь Онлайн" />[/online][offline]<img src="/templates/Default/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]
- Tạo file giao diện mới splitnewsnavigation.tpl với nội dung:
<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>