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

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

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

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

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

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

 

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

PunPun
Эксперт

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

Для начала http://htmlbook.ru
Мой блог: PunPun.name
Димка_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)
  • Colonizator | Не могу ввойти в админку или в учетку в ... 2
    Фото Colonizator
    Colonizator
    Не могу ввойти в админку или в учетку в DLE 12.1 почему?
    Сегодня, 21:38
    Скорее всего. Чет наковыряли в настройках безопасности, Контроль изменения IP адреса - включили может или Метод авторизации в админпанели поменяли?
    Поменяйте назад через ftp. Файл /engine/data/config.php
    Настройки вот такие выставьте, вдруг поможет:
    'extra_login' => '0',
    'admin_allowed_ip' => '',
    'login_log' => '100',
    'login_ban_timeout' => 1,
    'ip_control' => '0',
  • GameMania17 | как изменить, Green shortstory, как на к ... 2
    Фото GameMania17
    GameMania17
    как изменить, Green shortstory, как на картинке?
    Сегодня, 19:40
    Сайт хостится на марсе? почему так долго грузит :)?
  • Colonizator | Каталог организаций (хак для DLE) 17
    Фото Colonizator
    Colonizator
    Каталог организаций (хак для DLE)
    Сегодня, 10:40
    И демо умерло, жаль - хорошее решение пропадает.
  • liper06 | Не получается изменить значение тега sho ...
    Фото liper06
    liper06
    Не получается изменить значение тега short-story limit?
    Сегодня, 08:14
    вопрос закрыт
  • fayruzi4 | UserBox - вывод информации о любом польз ... 27
    Фото fayruzi4
    fayruzi4
    UserBox - вывод информации о любом пользователе в любом месте сайта на DLE 9.8 - 10.0
    Сегодня, 01:53
    Хороший модуль, спасибо!
    Правда на 12.1 кэш не подцепляется по всей видимости, хотя создаётся.
    В полной новости вывожу аватарку так:
    {include file="engine/modules/userbox.php?&userName={login}&template=photo"}
TPL: {user_foto}


    При каждом обращении делает 
    SELECT email, name, news_num, user_id, comm_num, user_group, lastdate, reg_date, info, foto, fullname, land, xfields FROM dle_users WHERE name='User User'

    + почему-то ещё один запрос странный добавляет, при том, что в шаблоне только user_foto и никакого рейтинга
     SELECT SUM(rating) as rating, SUM(vote_num) as num FROM dle_post_extras WHERE user_id ='4'
  • BYMERPRO | Как реализовать такую идею для картинок ... 6
    Фото BYMERPRO
    BYMERPRO
    Как реализовать такую идею для картинок в полной новости?
    Сегодня, 00:03
    Jeka778,
    Огромное спасибо, очень выручил!
  • irrwisch | как изменить, Green shortstory, как на к ... 2
    Фото irrwisch
    irrwisch
    как изменить, Green shortstory, как на картинке?
    Вчера, 14:13
    Вам надо не shortstory.tpl изменять, а писать отдельный tpl файл для тега custom. Если Вы хотите получить готовый код, то Вам в стол заказов.
  • irrwisch | Не могу ввойти в админку или в учетку в ... 2
    Фото irrwisch
    irrwisch
    Не могу ввойти в админку или в учетку в DLE 12.1 почему?
    Вчера, 14:06
    Восстановление пароля делали?
  • СеммиДжо | Как поправить скрипт часов? 13
    Фото СеммиДжо
    СеммиДжо
    Как поправить скрипт часов?
    19-05-2018, 22:15
    Цитата: redissx
    Хотя возможно местами перепутал и надо

    Хорошо что заметили ошибку ) Большущее спасибо все заработало, как долго искал решения, уже годы прошли и наконец снизошел долгожданный ответ. Большое спасибо, желаю счастья и удачных проектов )
  • redissx | Как поправить скрипт часов? 13
    Фото redissx
    redissx
    Как поправить скрипт часов?
    19-05-2018, 21:41
    var t - это и есть искомая дата. Ее и надо установить.
    Хотя возможно местами перепутал и надо
    var t =  Math.floor(Date.now() / 1000), targetDate = 1448912652;

			if(t>0){
			var left = parseInt(targetDate - t);
			setInterval(function() {
			  var foo = new Date;
			  left = left - 1;
			  //console.log(t, typeof(l));
			  if (left > 0){
			  minutes = left / 60 | 0,
			  hours = minutes / 60 | 0,
			  days = hours / 24 | 0,
			  hours = hours % 24;
			  if (hours < 10){hours = "0"+hours};
			seconds = left%60;
			  if (seconds < 10){seconds = "0"+seconds};
			minutes %= 60;
			  if (minutes < 10){minutes = "0"+minutes};
			  dd = " дней ";
			  tid = "";
			  if (days == 1){dd = " день "};
			  if (days < 5 && days > 1){dd = " дня "};
			  if (days > 0){tid = days + dd};
			  document.getElementById('nextserial').style.display="block";
			  if(days>0){
			  document.getElementById('nextserial').innerHTML = "До выхода следующей серии осталось:<span>"+ days + " "+ dd + " и " + hours +":"+ minutes +":"+ seconds+"</span>";
			  } else document.getElementById('nextserial').innerHTML = "До выхода следующей серии осталось:<span>"+ days + ":" + hours +":"+ minutes +":"+ seconds+"</span>"; 
			  }
		  }, 1000);
			}

    и устанавливать уже надо targetDate
наверх