Dle - схожі новини, related-news горизонтально і вертикально, з описом і картинкою

Dle - схожі новини, related-news горизонтально і вертикально, з описом і картинкою

Якщо у вас ДЛЕ нижче 9.4, то вам сюди

На відміну від всіх інших движків DLE, починаючи з версії 9.4 схожим новин виділили окремий файл шаблону relatednews.tpl. Ось його то ми і будемо правити. Поставити хак виведення схожих новин для дле з картинкою і описом або ж вивести їх в горизонтальній або вертикальній проекції досить просто, інструкція нижче:

Вертикальне розташування новин
1. Відкриваємо свій шаблон templates / # 123; THEME> /relatednews.tpl і знаходимо там всього одну приблизно схожу рядок:

2. Видаляємо і на її місце ставимо нову:

3. Тепер відкриваємо файл стилів вашого шаблону, зазвичай templates / # 123; THEME> /css/style.css і дописуємо рядок:

Все, тепер макет формування схожих новин буде майже такою ж, як і на скрині вище. Для версій ДЛЕ нижче 9.4 це все теж реально, але вимагає редагування декількох файлів в папці engine


Горизонтальне розташування новин
Файл з шаблоном для виведення схожих новин це найпростіший html код, задаємо для таблиці id і в css для цього стилю пишемо вирівнювання по горизонталі. Крім цього, потрібно вирахувати розміри, так би все блоки влізли в рамер фулсторі!

1. Відкриваємо свій шаблон templates / # 123; THEME> /relatednews.tpl і знаходимо там всього одну приблизно схожу рядок:

2. Видаляємо і на її місце ставимо нову:

3. Відкриваємо файл стилів і дописуємо:

Ширину картинок в 105px я вирахував, виходячи з розміру вікна фулсторі, який дорівнює 538px. вираховуємо:

Два з половиною пікселя я залишив на відступи і про всяк випадок під різні дозволи екранів. І 20% для блоку я з тих же причин не став ставити, а пооставіл 19%

Тобто самі блоки мають відступи один від одного на 1%, а це 5.38px і картинки всередині блоків теж мають відступи 2.6px. Можна зменшити числа, але в шаблоні на скріншоті вище фон маскує всі відступи і вони настільки мізерні, що все відмінно виглядає!

Схожі статті