Макетная сетка и блоки

Добавлен , опубликован
Движок txt2 поддерживает базовую функциональность сетки и распределения элементов внутри неё. Это позволяет более читаемо и современно оформлять содержимое ваших ресурсов.
Давайте рассмотрим все детали.

Теги

Каждый из следующих тегов открывается и закрывается с помощью (( и )) (двойных круглых скобок), а содержимое должно быть указано на новой строке.
Тег макет или layout сообщает, что нужно начать новую строку сетки. В эту строку мы будем помещать блоки.
Тег блок33 или block33 сообщает, что нужно поставить блок размером в 33% (~1/3) от ширины страницы.
Тег блок50 или block50 сообщает, что нужно поставить блок размером в 50% (половину) от ширины страницы.
Тег блок66 или block66 сообщает, что нужно поставить блок размером в 66% (~2/3) от ширины страницы.
В эти блоки можно помещать произвольный контент.
На мобильных устройствах в портретном режиме сетка отображается вертикально.
Важно: Все блок** и block** должны находиться внутри тега макет или layout.
((макет
((блок33
  ... любой текст и txt2 здесь
))
...
))
((layout
((block33
  ... any text and txt2 here
))
...
))

Простой пример сетки 3 на 1

Весеннее равноденствие непрерывно. Тукан вызывает институциональный опрос. Даже если учесть разреженный газ, заполняющий пространство между звездами, то все равно целевой трафик перечеркивает рейтинг, осознав маркетинг как часть производства. Изменение глобальной стратегии последовательно масштабирует годовой параллакс, день этот пришелся на двадцать шестое число месяца карнея, который у афинян называется метагитнионом.
Огpомная пылевая кома синхронизирует перигей, размещаясь во всех медиа. Гелиоцентрическое расстояние оценивает спектральный класс. Многие кометы имеют два хвоста, однако зенит гасит космический мусор, отвоевывая свою долю рынка.
Построение бренда традиционно меняет дип-скай объект. Российская специфика естественно определяет космический азимут, используя опыт предыдущих кампаний. Южный Треугольник точно продуцирует направленный маркетинг.

Как это сделано
((layout
((block33
Весеннее равноденствие непрерывно. Тукан вызывает институциональный опрос. Даже если учесть разреженный газ, заполняющий пространство между звездами, то все равно целевой трафик перечеркивает рейтинг, осознав маркетинг как часть производства. Изменение глобальной стратегии последовательно масштабирует годовой параллакс, день этот пришелся на двадцать шестое число месяца карнея, который у афинян называется метагитнионом.
))
((block33
Огpомная пылевая кома синхронизирует перигей, размещаясь во всех медиа. Гелиоцентрическое расстояние оценивает спектральный класс. Многие кометы имеют два хвоста, однако зенит гасит космический мусор, отвоевывая свою долю рынка.
))
((block33
Построение бренда традиционно меняет дип-скай объект. Российская специфика естественно определяет космический азимут, используя опыт предыдущих кампаний. Южный Треугольник точно продуцирует направленный маркетинг.
))
))

Пример сетки 2 на 2 с заголовками

Высокая Информативность

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

Лидерство в Продажах

Огpомная пылевая кома синхронизирует перигей, размещаясь во всех медиа. Гелиоцентрическое расстояние оценивает спектральный класс. Многие кометы имеют два хвоста, однако зенит гасит космический мусор, отвоевывая свою долю рынка.

Тропический Год

В отличие от пылевого и ионного хвостов, экватор неустойчив. Стратегия позиционирования вырождена. Параллакс, отбрасывая подробности, гасит дип-скай объект. В общем, азимут изменяет экспериментальный продукт. Потребление выслеживает сублимированный эффективный диаметp.

Внутрифирменная Реклама

Лисичка, это удалось установить по характеру спектра, однообразно дает космический мусор. Узнаваемость марки, после осторожного анализа, наблюдаема. Комета обуславливает рейтинг.

Как это сделано
((layout
((block50
=== Высокая Информативность ===
Весеннее равноденствие непрерывно. Тукан вызывает институциональный опрос. Даже если учесть разреженный газ, заполняющий пространство между звездами, то все равно целевой трафик перечеркивает рейтинг, осознав маркетинг как часть производства. Изменение глобальной стратегии последовательно масштабирует годовой параллакс, день этот пришелся на двадцать шестое число месяца карнея, который у афинян называется метагитнионом.
))
((block50
=== Лидерство в Продажах ===
Огpомная пылевая кома синхронизирует перигей, размещаясь во всех медиа. Гелиоцентрическое расстояние оценивает спектральный класс. Многие кометы имеют два хвоста, однако зенит гасит космический мусор, отвоевывая свою долю рынка.
))
))

((layout
((block50
=== Тропический Год ===
В отличие от пылевого и ионного хвостов, экватор неустойчив. Стратегия позиционирования вырождена. Параллакс, отбрасывая подробности, гасит дип-скай объект. В общем, азимут изменяет экспериментальный продукт. Потребление выслеживает сублимированный эффективный диаметp.
))
((block50
=== Внутрифирменная Реклама ===
Лисичка, это удалось установить по характеру спектра, однообразно дает космический мусор. Узнаваемость марки, после осторожного анализа, наблюдаема. Комета обуславливает рейтинг.
))
))

Разнородная сетка с изображениями

Эффективность Действий

Опрос индуцирует побочный PR-эффект, так Г.Корф формулирует собственную антитезу. Примерная структура маркетингового исследования, следовательно, трансформирует формат события.

Структура Рынка

Один из признанных классиков маркетинга Ф.Котлер определяет это так: комедия определяет конвергентный инвестиционный продукт. Диахронический подход ускоряет художественный идеал, полагаясь на инсайдерскую информацию. Повторный контакт просветляет экспериментальный цвет. Художественное переживание неестественно трансформирует сокращенный экспрессионизм. Креатив индуцирует рейтинг.
Стимулирование коммьюнити монотонно продолжает горизонт ожидания. Объемная скидка, пренебрегая деталями, вызывает product placement. Можно предположить, что точечное воздействие тормозит деструктивный хтонический миф. Гармония возможна.
Представляется логичным, что начальная стадия проведения исследования актаульна как никогда. Культурная аура произведения интегрирована. Иносказательность образа многопланово создает диктат потребителя. Продукт изящно вызывает фактографический синтез искусств.
Как предсказывают футурологи декаданс довольно неоднозначен. Шиллер утверждал: восприятие сотворчества вызывает сегмент рынка.
Комплекс агрессивности однородно вызывает канон. Реализм органичен. Косвенная реклама, на первый взгляд, изящно обуславливает конструктивный монтаж, оптимизируя бюджеты.
Согласно последним исследованиям, текст заканчивает синхронический подход, используя опыт предыдущих кампаний. Интенция, следовательно, слабо продолжает классический реализм.

Как это сделано
((layout
((block33
<- https://xgm.guru/files/117/244957/vinicius-amnx-amano-ALpEkP29Eys-unsplash.jpg
=== Эффективность Действий ===
Опрос индуцирует побочный PR-эффект, так Г.Корф формулирует собственную антитезу. Примерная структура маркетингового исследования, следовательно, трансформирует формат события.
))
((block66
=== Структура Рынка ===
Один из признанных классиков маркетинга Ф.Котлер определяет это так: комедия определяет конвергентный инвестиционный продукт. Диахронический подход ускоряет художественный идеал, полагаясь на инсайдерскую информацию. Повторный контакт просветляет экспериментальный цвет. Художественное переживание неестественно трансформирует сокращенный экспрессионизм. Креатив индуцирует рейтинг.

Стимулирование коммьюнити монотонно продолжает горизонт ожидания. Объемная скидка, пренебрегая деталями, вызывает product placement. Можно предположить, что точечное воздействие тормозит деструктивный хтонический миф. Гармония возможна.

Представляется логичным, что начальная стадия проведения исследования актаульна как никогда. Культурная аура произведения интегрирована. Иносказательность образа многопланово создает диктат потребителя. Продукт изящно вызывает фактографический синтез искусств.
))
))

((layout
((block33
https://xgm.guru/files/117/244957/zane-lee-BbXYnYigR0U-unsplash.jpg
Как предсказывают футурологи декаданс довольно неоднозначен. Шиллер утверждал: восприятие сотворчества вызывает сегмент рынка.
))
((block33
https://xgm.guru/files/117/244957/chuttersnap-5dR_tWUH88w-unsplash.jpg
Комплекс агрессивности однородно вызывает канон. Реализм органичен. Косвенная реклама, на первый взгляд, изящно обуславливает конструктивный монтаж, оптимизируя бюджеты.
))
((block33
https://xgm.guru/files/117/244957/roel-dierckens-0CwXTP7UChw-unsplash.jpg
Согласно последним исследованиям, текст заканчивает синхронический подход, используя опыт предыдущих кампаний. Интенция, следовательно, слабо продолжает классический реализм.
))
))

Сетка с центрированными миниатюрами и текстом

Какой-то текст
Какой-то текст
Какой-то текст
Какой-то текст
Какой-то текст
Какой-то текст
Как это сделано
((макет
((блок33

-> https://xgm.guru/files/1744/267292/egs-tinytinasassaultondragonkeepawonderlandsoneshotadventure-gearboxsoftwarestraykitestudios-g1a-00-1920x1080-4b5d0d491cf7.jpg
((вправо
Какой-то текст
Какой-то текст
))

))
((блок33

((центр
Какой-то текст
Какой-то текст
))
<> https://xgm.guru/files/1744/267292/egs-tinytinasassaultondragonkeepawonderlandsoneshotadventure-gearboxsoftwarestraykitestudios-g1a-00-1920x1080-4b5d0d491cf7.jpg

))
((блок33

<- https://xgm.guru/files/1744/267292/egs-tinytinasassaultondragonkeepawonderlandsoneshotadventure-gearboxsoftwarestraykitestudios-g1a-00-1920x1080-4b5d0d491cf7.jpg
Какой-то текст
Какой-то текст

))
))
Всё форматирование внутри блока работает так, как будто оно на отдельной странице.
Не забывайте закрывать скобки!
`
ОЖИДАНИЕ РЕКЛАМЫ...
33
Ого, круто, спасибо, обязательно буду использовать
29
О, годная функция. Давно бы быдл бы пора запилить подобное. Плюс скорпу за такое замечательное нововведение.
38
Теперь в блоки можно вставлять опросы, картинки и мультимедиа и они будут подстраиваться под ширину блока:
Опрос: Что это такое?
1. 
Первый опрос на сайте!
2. 
Невероятная вещь
3. 
Какой то квадрат
Skairus - Hymn of XGM
С высотой пока сложно, оставляем её на плечи автора.
Загруженные файлы
3 комментария удалено
38
makkad, перечитай справку, плиз

Случилось то, почему и не хотели так долго вводить - начались комбинации непредусмотренных случаев и жалобы на них
23
Да. ScorpioT1000:
makkad, перечитай справку, плиз
Я знаю, что при использовании блок33 нужно обязательно использовать макет. Но ещё вчера, если его не добавлять, можно было добиться красивого обрамления текстом. Сегодня эта возможность пропала.
Т.е. это было багоюзерством, а не фичей?
27
А чего вы эти макеты с текстами не добавили в ту справрчную инфу?
27
Читать надо внимательнее.
я только на примеры гляжу, текст читать лень. особенно, когда надо быстро.
38
МрачныйВорон, при создании ресурса есть ссылка по кнопке (?) и есть кнопки вставки сетки
27
МрачныйВорон, при создании ресурса есть ссылка по кнопке (?) и есть кнопки вставки сетки
я про нее и говорю. я недавно хотел это текст слева от картинки вставить, но в примерах (?) не увидел. только щас заметил.
или более совершенную таблицу. пример посередине хотел заглавие вставить. не получилось
38
Всё, что внутри
((блок*
Может работать как будто это отдельная страница
))
Чтобы оставить комментарий, пожалуйста, войдите на сайт.