Форумы / National / Russian / Вывод новостей в 3 колонки ...

#44076 DOS-info:

функцию page_enum Эм не затруднит ссылку скинуть на нее ? что это за функция. Завтра с утра начну ковырять опять что то все они в ряд идут а не с боку  

cot_page_enum

Откройте файл /modules/page/tpl/page.enum.tpl

Скопируйте его в свой шаблон, предварительно создав в нем папку modules, в ней папку page (внутрь неё скопируйте).

Переименуйте его, добавив точку и своё имя, например page.enum.index.tpl.

Откройте в редакторе, и сделайте содержимое примерно таким:

<!-- BEGIN: MAIN -->
<div class="container-fluid">
	<div class="row">
		<!-- BEGIN: PAGE_ROW -->
		<div class="col-md-4">
			<h3>
				<!-- IF {PHP.usr.isadmin} -->[ {PAGE_ROW_ADMIN_EDIT} ] &nbsp;
				<!-- ENDIF --><a href="{PAGE_ROW_URL}" title="{PAGE_ROW_SHORTTITLE}">{PAGE_ROW_SHORTTITLE}</a></h3>
			<!-- IF {PAGE_ROW_DESC} -->
			<p class="small">{PAGE_ROW_DESC}</p><!-- ENDIF -->

			<div class="clear desc">
				<strong>{PHP.L.Filedunder}:</strong> {PAGE_ROW_CATPATH}
			</div>

			<div class="textbox">
				{PAGE_ROW_TEXT_CUT}
				<!-- IF {PAGE_ROW_TEXT_IS_CUT} -->{PAGE_ROW_MORE}
				<!-- ENDIF -->
			</div>
		</div>
		<!-- END: PAGE_ROW -->
	</div>
</div>
<!-- END: MAIN -->

В файле index.tpl  в нужном месте выводите:

 {PHP|cot_page_enum('',12,'index','page_date DESC','',true,true,true,'system,archive','',360)}

Должен появиться блок с контентом.

После уже оформляете, правите внутри файла page.enum.index.tpl как хотите.

Таких файлов может быть сколько угодно, функций вызова тоже. Таким образом выводятся и самые просматриваемые, комментируемые, и т.д.

Добавлено 26 минут спустя:

p.s.

Если используете бутстрап 4, учитывайте что:

@media (min-width: 768px) {
****
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
****

Этот класс сделает новости в 3 колонки только если ширина блока будет 768px и больше. Если ширина будет 767px и ниже, они будут в 1 колонку.

В таком случае больше подойдет класс:

.col-sm-4

так как он по умолчанию идет:

@media (min-width: 576px) {

Я бутстрапом не пользуюсь, это так, навскидку. Решение без бутстрапа я привел выше.