БлогВёрсткаГазетные колонки. MooTools

Газетные колонки Mootools Ребята из MooTools в очередной раз показали как сделать невозможное и реализовали плагин, который средствами xhtml, css и JavaScript реализует газетные колонки на веб-странице. Скрипт называется MooColumns, применять можно в блогах, для блоков со вторичным текстом. Выглядеть будет изящно. Ещё можно будет применить для какой-нибудь интернет-газеты. Также этот плагин позволяет делить на колонки не весь текст, а только лишь содержимое какого-либо блока. Кроме того, реально разные блоки на странице разбивать на разное число колонок. Например, на два, ниже блок на три, а ещё ниже на четыре колонки. Абсолютно кроссбраузерно.

UPD Извиняюсь, что результат работы скрипта вы можете лицезреть лишь на картинке, но совмещать jQuery с Mootools, стало сложнее, чем года три назад. Разработчики библиотек ничего, кроме jQuery.noConflict() не предусмотрели, в частности для конфликта события загрузки страницы.

Скрипт позволяет оформлять колонки, применять к ним разные стили, а также использовать графический визуальные разделитель между колонками. Пример разбивки на колонки и применения разделителя в архиве, точно такой же на сайте разработчика. Внедряя в данную страницу, я не озаботился проблемой совместимости CSS. Поэтому изначально текст между колонками был разбит на середине предложения, но при этом к первой строчке правой колонки применился text-indent от стиля параграфа. Моя это недоработка или создателей MooColumns — вопрос спорный. Тем не менее я вряд ли смог бы даже так сделать. А поэтому разработчикам респект и уважуха.

RSS

RSS

Обратная связь

Задайте вопрос менеджеру!

verification code

Они поддерживают блог