Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Шаблоны (TPL) » Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана?

Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана?

Димка_87 29.08.2015 Все вопросы » Шаблоны (TPL) 1074

вопрос

Как сделать вывод новостей не в столбик, а в строку в зависимости от ширины экрана? т.е. новости не одна под другой, а в строку. верстка готова, нужна помощь с функционалом дле

Ответа пока нет

6 комментариев

Эксперт

1279

PunPun - 2015-08-1929 августа 2015 18:33 - #47991

Для начала http://htmlbook.ru

well

Юзер

Димка_87 - 2015-08-1929 августа 2015 18:52 - #47994

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

<article class="post">
                <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2>
                <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p>
            </article>

вот так у меня идет в верстке, все горизонтально, в дле я вмето этого множества блоков должен сделать в шаблоне один в шортстори тпл, так вот после этого получается не в строку, а в столбик. как сделать иначе?

Юзер

189

Westus - 2015-08-1929 августа 2015 19:38 - #48001


.post {
float: left;
display: inline-block;
}

Юзер

Димка_87 - 2015-08-1930 августа 2015 11:07 - #48012

вопрос решен

Юзер

Димка_87 - 2015-08-1929 августа 2015 19:16 - #47999

т.е. грубо говоря сверстано так что просто несколько блоков <img src="" alt="" /> повторяются и располагаются они в строку, как сделать тоже самое в шаблоне на дле? заранее спасибо за ответ

Юзер

Zoroz - 2015-08-1930 августа 2015 11:53 - #48013

Делаете так же, только одним экземпляром, но вместо текста и ссылок указываете поля. Титле, полные новости или доп, поля как у Вас, там точно не знаю.

Kenas | Как убрать рекламу, на мобильных телефон ... ²

Kenas
Как убрать рекламу, на мобильных телефонах?
Сегодня, 15:12

Закинь сюда шаблон.
Реклама может быть и в самой CMS, а не только в шаблоне, особенно если это неофициальный релиз.
Kenas | DLE 12.0 PageSpeed Insights Как настроит ...

Kenas
DLE 12.0 PageSpeed Insights Как настроить кеш браузера для файлов?
Сегодня, 15:05

Как вариант, обратитесь к вашему хостингу, для включения ф-ций: mod_expires.c, mod_headers.c, mod_setenvif.c
progrb | Уведомление на e-mail об окончании сроко ... ²

progrb
Уведомление на e-mail об окончании сроков в группе
Сегодня, 11:59

написал в ЛС вам
lutskboy | Уведомление на e-mail об окончании сроко ... ²

lutskboy
Уведомление на e-mail об окончании сроков в группе
Сегодня, 10:50

за 400р сделаю
maks | Как починить навигацию с телефона? ¹

maks
Как починить навигацию с телефона?
Вчера, 22:40

У меня работает, только вниз не прокручивается. Нужно что-то с картинками сделать, я устал ждать пока загрузится сайт.
senseich | Сжатие картинок на серсере - какое качес ... ⁴

senseich
Сжатие картинок на серсере - какое качество ставить?
Вчера, 21:23

pagespeed for nginx, ещё актуален для оптимизации? И что-за оптимизатор гугл, он так и называется?
DomiTori | DLE 12.0 PageSpeed Insights Как настроит ... ¹

DomiTori
DLE 12.0 PageSpeed Insights Как настроить кеш браузера для файлов?
Вчера, 21:15

Подключите сайт к сервису cloudflare
Dusty | Как предотвратить слив БД сайта? ⁵

Dusty
Как предотвратить слив БД сайта?
Вчера, 19:56

регистрационные данные, это только имейл и пароль, но пароли зашифрованные, их реально расшифровать?
mavne215 | DLE Shop ⁴

mavne215
DLE Shop
Вчера, 18:02

могу платить больше если кто нибудь сделает
temporary | Как предотвратить слив БД сайта? ⁵

temporary
Как предотвратить слив БД сайта?
Вчера, 13:21

что злоумышленники могут там увидеть

Если только базу, то весь размещаемый материал на сайте + регистрационные данные пользователей
Подскажите на сколько это страшно?

Если не подпадаете под ФЗ-152, то думаю - лёгкий шок, не более.