» » » » Адаптация шаблонов DLE 10.0 и 10.1

Подробное содержание постаАдаптация шаблонов DLE 10.0 и 10.1

Голосов: 1
Представляем список изменений в шаблонах между версиями DLE 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 и найдите:
    <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>

Информация о статье

Добавить комментарий

Имя:*
E-Mail:
Полужирный Наклонный текст Подчёркнутый текст Зачёркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищённой ссылки Картинка Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *