Опубликовано: 8 ноября 2016

Вывод последних постов с картинками в 2 столбика Есть решение

Вывожу последние посты с картинками, получается вот так:

А хочется что бы было аккуратнее в 2 колонки, примерно так вот:

Подскажите как реализовать?

Комментарии (4)

  • Тирон Александр 9 ноября 2016 11:01 #

    Вывод записей стандартный(тот который реализован в теме оформления) или добавлен собственный код?

    1
  • Vyacheslav Fedorov 9 ноября 2016 14:01 #

    Кусочек кода: homepage.lastadd.html добавлен вывод изображений (<img src="{blogLogopostPlugin::getImgUrl($post.id)}" />) через плагин

    <div class="last-post-wrapper col-grid m12 l12"><div class="fill-background">

    <h2 class="last-post-header">Последнее в Блоге</h2>

    {foreach $last_posts as $post}

    <div class="post">

    <h4 class="last-post-title">

    <a href="{$post.link}">{$post.title}</a>

    {* @event prepare_posts_frontend.%plugin_id%.post_title *}

    <img src="{blogLogopostPlugin::getImgUrl($post.id)}" />

    {if !empty($post.plugins.post_title)}{foreach $post.plugins.post_title as $plugin => $output}{$output}{/foreach}{/if}

    </h4>

    {if $post.album_id && $wa->photos}

    {$_post_image = $wa->photos->photos("album/`$post.album_id`", "300x150", 1)}

    {$_post_image = current($_post_image)}

    {if $_post_image}

    <img class="post-image" src="{$_post_image.thumb_300x150.url}" alt="{$_post_image.name|escape}">

    {/if}

    {/if}

    1
    • Тирон Александр Тирон Александр 9 ноября 2016 14:11 #

      Добавьте в блок пользовательских стилей правила:

      .last-post-wrapper:after {

      content: "";

      display: block;

      clear: both;

      }

      .last-post-wrapper .post {

      width: 50%;

      float: left;

      }

      1
  • Vyacheslav Fedorov 9 ноября 2016 14:15 #

    Сделал, о что то fill-background съехал cifrovod.ru

    1
  • Решение
    Vyacheslav Fedorov 9 ноября 2016 14:27 #

    Спасибо, все получилось. Только почему то выводится 3 последние записи а не 4. Это настраивается где то в теме или в самом движке?

    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх