1. Уважаемый Гость, в связи с нехваткой свободного времени наш форум продается. Форум богат своими плагинами и различными шаблонами как платными, которые трудно где достать бесплатно так и бесплатными. Если Вас заинтересовал форум, то, обращаемся по почте: administrator_ps@rambler.ru.
Скрыть объявление
Мы рады Вас видеть на нашем форуме! Надеюсь тебе у нас понравится и ты станешь вместе с нами активным и постоянным пользователем)

Видо изменение похожие новости для DLE

Тема в разделе "Хаки", создана пользователем MaxiRubo, 23 июн 2016.

  1. TopicStarter Overlay
    MaxiRubo

    MaxiRubo Команда форума Основатель

    1.511
    2
    1
    comm_news.jpg

    Цель хака это вывод похожих новостей для DLE с картинкой и описанием или же вывести их в горизонтальной или вертикальной проекции это просто.

    Вертикальное расположение новостей:

    1. Открываем свой шаблон templates/{THEME}/relatednews.tpl и находим там всего одну примерно похожую строку:

    Код:
    <li><a href="{link}">{title}</a></li>
    
    2. Удаляем и на ее место ставим новую:

    Код:
    <table border="0">
    <tr>
       <td valign="top"><a href="{link}"><img class="imagestory" src="{image-1}" alt="{title}"/></a></td>
       <td valign="top"><b><a href="{link}">{title}</b></a><br>{text limit="255"}</td>
    </tr>
    </table>
    <hr/>
    3. Теперь открываем файл стилей вашего шаблона, обычно templates/{THEME}/css/style.css и дописываем строку:

    Код:
    /*Related News*/
    .imagestory { float: center; width: 80px; height: 80px; margin: 0 8px 6px 0; }
    Все, теперь макет формирования похожих новостей будет почти такой же, как и на скрине выше.


    Горизонтальное расположение новостей:

    Файл с шаблоном для вывода похожих новостей это простейший html код, задаем для таблицы id и в css для этого стиля пишем выравнивание по горизонтали. Помимо этого, нужно высчитать размеры, да бы все блоки влезли в рамер фулстори!

    1. Открываем свой шаблон templates/{THEME}/relatednews.tpl и находим там всего одну примерно похожую строку:

    Код:
    <li><a href="{link}">{title}</a></li>
    
    2. Удаляем и на ее место ставим новую:

    Код:
    <div class="relatednews">
    <a href="{link}"><img class="imagestory" src="{image-1}" alt="{title}"/><br/>{title}</a>
    </div>
    3. Открываем файл стилей и дописываем:

    Код:
    /*Related News*/
    .relatednews{display:inline-block; width:19%; vertical-align:top;}
    .relatednews img{width:105px; height:125px;}

    Ширину картинок в стилях подбираем самостоятельно исходя вашего шаблона.

    Для использования картинки из дополнительного поля тогда просто найдите:

    Код:
    <img class="imagestory" src="{image-1}" alt="{title}"/>
    
    замените на

    Код:
    <img class="imagestory" src="[xfvalue_poster]" alt="{title}"/>