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

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

     29.08.2015    Все вопросы » Шаблоны (TPL)    2506

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

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

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

 

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

LazyDev
PHP-developer

LazyDev - 29 августа 2015 18:33 -

Для начала http://htmlbook.ru
Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.
Димка_87
Юзер

Димка_87 - 29 августа 2015 18:52 - 

<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>


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

Westus - 29 августа 2015 19:38 - 


.post {
float: left;
display: inline-block;
}
Димка_87
Юзер

Димка_87 - 30 августа 2015 11:07 -

вопрос решен
Димка_87
Юзер

Димка_87 - 29 августа 2015 19:16 -

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

Zoroz - 30 августа 2015 11:53 -

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

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

 26.08.2011 Гость  Шаблоны (TPL), Стили (CSS)
 24.10.2012 graver  Шаблоны (TPL)
 09.04.2014 adminfilm  Шаблоны (TPL)
 13.06.2014 follor  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 10.07.2014 aiskwad  Шаблоны (TPL)
 30.09.2014 alexcreew  Шаблоны (TPL), Стили (CSS)
 10.11.2014 over  Общие вопросы по вёрстке, Шаблоны (TPL)
 08.06.2015 paffin  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 08.07.2015 zip  Шаблоны (TPL)
 19.08.2015 ziom  Шаблоны (TPL), Стили (CSS)
  • Morse | Интеграция Multilanguage в DialogPM 5
    Фото Morse
    Morse
    Интеграция Multilanguage в DialogPM
    Вчера, 11:12
    Всем спасибо. Сделал. Можно закрывать заказ.
  • Morse | Интеграция Multilanguage в DialogPM 5
    Фото Morse
    Morse
    Интеграция Multilanguage в DialogPM
    25-07-2025, 23:02
    В общем сделал, остался вопрос только с работой AJAX, т.е. при выполнении любого AJAX подгружает с дефолтного языка. Все еще актуально
  • Morse | Интеграция Multilanguage в DialogPM 5
    Фото Morse
    Morse
    Интеграция Multilanguage в DialogPM
    25-07-2025, 13:08
    Все теги [lang] в DialogPM работают, мне всего-лишь нужно сделать, чтобы он отображался в версиях /en/ и /uk/ . Ссылки формируются некорректно. Бегло просмотрел файлы модулей, не все закатано.
  • deadluk | Интеграция Multilanguage в DialogPM 5
    Фото deadluk
    deadluk
    Интеграция Multilanguage в DialogPM
    25-07-2025, 12:58
    Насколько мне известно модуль от Japing полностью закатан в кубик. Сам автор раньше адаптировал чужие модули под свой за небольшой прайс. Проблема в том, что DialogPM тоже закрыт кубиком и это может стать проблемой.
  • TeraMoune | Интеграция Multilanguage в DialogPM 5
    Фото TeraMoune
    TeraMoune
    Интеграция Multilanguage в DialogPM
    25-07-2025, 00:54
    Что именно интегрировать и уверены ли Вы, что можно ? Оба модуля не бесплатные.
  • raimikmb | Как вывести og:image:width и og:image:he ... 5
    Фото raimikmb
    raimikmb
    Как вывести og:image:width и og:image:height ?
    23-07-2025, 17:10
    Все нашел!!! Еще раз спасибо.
  • TeraMoune | Как вывести og:image:width и og:image:he ... 5
    Фото TeraMoune
    TeraMoune
    Как вывести og:image:width и og:image:height ?
    23-07-2025, 16:40
    Сделать поиск $social_tags['image'] и добавить getimagesize везде ниже этого тега, а в функции передать значение тега social_tags. Там их 3 штуки и работает по очереди. Сперва в og тег ищет картинки из описания новости и полей но тех которые в html типе то есть значения содержащие именно <img> объект. Если картинок не нашлось будет искать в поле images, а если и там нету то в imagegalery.
  • raimikmb | Как вывести og:image:width и og:image:he ... 5
    Фото raimikmb
    raimikmb
    Как вывести og:image:width и og:image:height ?
    23-07-2025, 15:44
    ммм а если есть только одна картинка и она добавлена в доп поле "Загружаемая галерея изображений" ... как быть тогда?
  • raimikmb | Как вывести og:image:width и og:image:he ... 5
    Фото raimikmb
    raimikmb
    Как вывести og:image:width и og:image:height ?
    23-07-2025, 15:13
    TeraMoune, спасибо огромное... слепой я, как не увидел это... начал мудрить всякую чушь
  • TeraMoune | Как вывести og:image:width и og:image:he ... 5
    Фото TeraMoune
    TeraMoune
    Как вывести og:image:width и og:image:height ?
    23-07-2025, 14:03
    В файле же есть место где забивается переменная картинки, в том месте и стоит пробовать.
    if ( count($images) ) {
	$social_tags['image'] = str_replace("/thumbs/","/",$images[0]);
	$social_tags['image'] = str_replace("/medium/","/",$social_tags['image']);
}


    Добавить в условии ниже последнего $social_tags['image'].
    $image_info = getimagesize( $social_tags['image'] );
if( $image_info ) {
       	$social_tags['image:width'] = $image_info[0];
       	$social_tags['image:height'] = $image_info[1];
}
наверх