• Добро пожаловать на WYLEK.ru. Пожалуйста, войдите или зарегистрируйтесь.
 

Дополнительные поля плюс topnews.tpl и relatednews.tpl

Автор WYLEK, 11 ноября 2017, 22:00:44

« предыдущая - следующая »

WYLEKАвтор темы

Не буду описывать мытарства поиска по нету информации на эту тему, прочтения сухой справки и всякой чепухи.
Все началось с прочтения на этом сайте информации Как сделать красивое отображение related-news (похожих новостей) на DLE.

Я немного улучшил код для шаблона relatednews.tpl и по ходу сделал и topnews.tpl
Вы можете прочитать статью на сайте-источнике, для занятых основное здесь.


Теперь изменения, какие сделал я

Шаг №1: найдите файл шаблона relatednews.tpl

Необходимо старый код заменить на следующий:

<div class="relatednewss"> 
[xfnotgiven_img0]<a href="{image-1}" onclick="return hs.expand(this)"><""/>[/xfgiven_img0]</a></div>

Шаг №2: найдите файл шаблона topnews.tpl

Необходимо старый код заменить на следующий:

<div class="topnewss"><br /> <a href="{full-link}" style="font-size:9pt;"><b>{title}</b><br></a> 
[xfnotgiven_img0]<a href="{image-1}" onclick="return hs.expand(this)"><""/>[/xfgiven_img0]</a><br</div>

Шаг №3: редактируем файл стилей.
 
В самом низу файла стиля .css вставляем код класса.

/*Related News*/ 
.relatednewss{display:inline-block; width:19%; vertical-align:top;}
.relatednewss img {
width: 170px;
height: 160px;
margin: 2px;
padding: 4px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0px 5px #000;
box-shadow: 0 0px 5px #000;
-webkit-box-shadow: 0 0px 5px #000;
}
.topnewss{display:inline-block;}
.topnewss img {
width: 170px;
height: 160px;
margin: 2px;
padding: 4px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0px 5px #000;
box-shadow: 0 0px 5px #000;
-webkit-box-shadow: 0 0px 5px #000;
}

После изменений обязательно почистить кеш в админке и браузера!

Мои дополнительные поля


Код в файле fullstory.tpl

		<center>[xfgiven_namenew] <b><span style="color: #0000ff;">[xfvalue_namenew]</span></b> [/xfgiven_namenew]</center><br /><br />		
<center>[xfgiven_img0] [xfvalue_img0] [/xfgiven_img0]</center><br /><br />
<p style="text-align: left;">[xfgiven_img2] [xfvalue_img2] [/xfgiven_img2]</p>
{full-story}

Код в файле shortstory.tpl

		<center>[xfgiven_namenew] <b><span style="color: #0000ff;">[xfvalue_namenew]</span></b> [/xfgiven_namenew]</center><br /><br />		
<center>[xfgiven_img0] [xfvalue_img0] [/xfgiven_img0]</center><br /><br />
<p style="text-align: left;">[xfgiven_img2] [xfvalue_img2] [/xfgiven_img2]</p>
{short-story}

Что в редакторе edit-news_2.2 (без админки)








 аталог@MAIL.RU - каталог ресурсов интернет Яндекс.Метрика