» » Самостоятельная адаптация шаблонов по версию DLE 10.1

Самостоятельная адаптация шаблонов по версию DLE 10.1

Самостоятельная адаптация шаблонов по версию DLE 10.1


С появлением новейшего обновленного движка DataLife Engine v.10.1 появилась также потребность адаптации кода в шаблонах под новую версию движка DLE 10.1. Если быть честным я как и все люблю все обновленное но меня бесит раз в пол года искать полюбившийся для меня шаблон для DLE по новую версию движка, и тут настает момент истины либо искать шаблон либо не обновлять движок до появления адаптируемого шаблона кем то еще. Но раз мы решили обновится тогда не теряя время мы можем сами адаптировать шаблон с версии DLE 10 для DLE 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 и ищем:

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



По сути ни чего сложного. Немного внимательности и адаптация пройдет успешно.

Комментарии

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Личные сообщения

Ваши переписки