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

1. 

   Оффлайн

   Автор темы

   WYLEK

   Звание: Легенда

   Админ

   Сообщений: 2179

   Создано тем: 315

   Рейтинг: 10

   Репа: (245|245|0)

   Баллы: 3405

   Был: 2024-04-28 20:29

   Лайков: 196

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

   

   
   
   Теперь изменения, какие сделал я
   
   Шаг №1: найдите файл шаблона relatednews.tpl
   
   Необходимо старый код заменить на следующий:
   
   

   <div class="relatednewss"> 
   [xfnotgiven_img0]<a href="{image-1}" onclick="return hs.expand(this)"><<img src="{image-1}"></a>[/xfnotgiven_img0] [xfgiven_img0]<a href="[xfvalue_image_url_img0]" onclick="return hs.expand(this)"><<img src="[xfvalue_image_url_img0]" border="0" alt=""/>[/xfgiven_img0]</a> <br /><a href="{link}" style="font-size:9pt;"><b>{title}</b><br></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)"><<img src="{image-1}"></a>[/xfnotgiven_img0] [xfgiven_img0]<a href="[xfvalue_image_url_img0]" onclick="return hs.expand(this)"><<img src="[xfvalue_image_url_img0]" border="0" alt=""/>[/xfgiven_img0]</a>
   </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 (без админки)
   
   

   

   Сообщение отредактировал WYLEK 29 января 2023 - 14:13

   

   11 ноября 2017 - 22:00 / #1