Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по PHP Как реализовать подобное в похожих новостях?

Как реализовать подобное в похожих новостях?


     21.08.2016    Общие вопросы по PHP, Модули, Хаки, Ламерские вопросы    550

вопрос
Как реализовать подобное в похожих новостях?
http://image.prntscr.com/image/872cfbb1ad744f28a312c418528b5c57.png
надо чтоб картинка в 1 новости была слева , 2 картинка справа и т.д ?
html и css все сделал, а как подобное сделать не могу понять.. Помогите

Ответил: irrwisch


С помощью nth-child Вам в помощь.

Комментарии пользователей (6)

SWM
1

110 | 23

SWM - 21 августа 2016 04:49 - Юзер

Что то я не понял как тут сделать
Помогите плизз https://jsfiddle.net/a4c9ttqx/

irrwisch
49

409 | 162

irrwisch - 21 августа 2016 13:22 - Юзер


SWM
1

110 | 23

SWM - 21 августа 2016 13:50 - Юзер

Спасибо огромное..

irrwisch
49

409 | 162

irrwisch - 21 августа 2016 14:07 - Юзер

не за что, по сути тебе в relatednews.tpl надо вставить только

<div class="related-news__body">
<a href="#" title="{title}">
    <img src="http://image.prntscr.com/image/578dde664ff749b3ab53e00587302d19.jpg" class="related-news__img" alt="{title}">
</a>
<div class="related-news__description--wrapper">
    <div class="related-news__description--header">
        <a href="#" class="related-news__description--title" title="{title}">Добро пожаловать на демонстрационную страницу</a>
        <span class="related-news__description--date">2015-07-22</span><span class="related-news__description--category"><a href="" title="">Информация</a></span>
    </div>
    <div class="related-news__description--body">
        Добро пожаловать на демонстрационную страницу движка DataLife Engine. DataLife Engine это многопользовательский
    </div>
</div>
</div>

и забрать css и всё, иконки для категории и даты делай через псевдоэлемент "::before"

lutskboy
3

587 | 106

lutskboy - 21 августа 2016 13:14 - Юзер


SWM
1

110 | 23

SWM - 21 августа 2016 13:50 - Юзер

спасибо,но чуть не то

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

Похожие вопросы