Вверх ↑
Ответов: 2629
Monte Carlo
Промышленники
#0: 2015-01-21 00:18:13 ЛС | профиль | цитата
Приветствую всех игроков галактики.

В последнее время ценятся оформления с целой цепочкой логических элементов. Некоторые из них я хотел бы предложить на обсуждение. Они бесспорно помогут создавать максимально оригинальные и интерактивные оформления.

Мультиключ

Возможность ставить несколько ключей (неограничено / до пяти) в одну кнопку.
Нажатие по такому тегу открывает / закрывает сразу несколько контейнеров.

[key=1][key=2]Контент / Изображение[/key][/key]

Пример применения: допустим у вас есть кнопка, которая открывает большую тему и где то в ее середине кнопка для просмотра изображения, по нажатию второй кнопки часть статьи закрывается и заменяется окошком с галереей.

Закрытый спойлер

Контент, помещенный в данный тег загружается только по открытию спойлера. Простой спойлер загружает контент по открытию страницы.

[cspoiler=Название / Изображение]Контент[/cspoiler]

Пример применения: у вас есть публичный архив с большим кол-вом графических работ, для просмотра чего то одного пользователь вынужден прогружать всю страницу. Что отрицательно сказывается на трафике / читабельности у пользователях со слабым интернетом.

Пример применения: вы имеете долгую гифку, начало которой определить проблематично, дабы не вынуждать пользователя просматривать ее несколько раз вы можете дать просмотреть ее с самого начала.

Беспробельный

Данный тег убирает пробелы между строчками.

[nospace]Контент[/nospace]

Пример применения: в последнее время набирают популярность оформления-длиннопосты, где вся статья, кнопки, клипы составляют одно целое. Пробелы в таких темах смотрятся просто отвратительно. Помещение изображений статьи в данный тег решает эту проблему. Однако текст в этот тег лучше не помещать (он также будет без пробелов).

Заменитель

При наведении курсора на изображение оно заменяется на другое (не больше 600 pix вне зависимости от спойлеров). В комбинациями с другими тегами можно создать интерактивные кнопки.

[ghint=Замена]Оригинальное изображение[/ghint]

Пример применения: в комбинации с ключами и с контейнерами создает интерактивную кнопку / подсказку.

карма: 124
[Концепции] [Механизмы] [Графика] [3D Печать] [HiAsm]
4
Тип: предложение, Статус: принято