Хак дле вывод Новости в две три четыре и т.д. колонки

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак дле вывод Новости в две три четыре и т.д. колонки


Удобный и простой хак дле dle позволит сделать вывод "Новости в две, три, четыре и т.д. колонки" для Dle.

Сделаем мы это с помощью быстрого jQuery, причем код сократится до 1 строчки, что конечно хорошо и влияет на скорость загрузки страницы.

Установка:
1. Код в shortstory.tpl должен иметь примерно такой вид:

<div class="news">содержание shortstory и всякие теги,главное тут - "обёртка" всего содержимого shortstory.tpl</div>


2. Обязательные стили в CSS:

.news.float {    float: left;    width: 30%; //значение зависит от желаемого количества колонок (например для 5ти колонок нужно указать 18-20%)    }.clr {    clear: both;    height: 0;    overflow: hidden;    }


3. Ну и самое главное - jQuery-код:

<script type="text/javascript">jQuery(function($) {    $(".news").addClass("float").filter(":nth-child(3n)").after('<div class="clr"></div>');});</script>


Так же понадобится дописать ко всем блокам с классом news дополнительный класс, а потом дописываем после каждого третьего блока пустой div с слассом clr - нужно это, чтобы новости имели ровное горизонтальное положение, а не плавали так, как им захочется. Если не понятно можно взглянуть в любой TPL.

Чтобы настроить?
Достаточно - заменить цифру три в строке :nth-child(3n) на желаемую, и в CSS заменить width: 30%; на нужное значение (как правило методом подбора).

Рекомендуем скачать хак вывод новости в две три четыре и т.д. колонки
  • 0
Рубрика: DLE хаки » Хак для DLE
Ранее » Решения ANTISPAM User ID not valid при отправке ПМ« Далее Хак Единая регистрация для форума с DLE и IP.Board 3.1
Добавление комментарияОставить комментарий