Шаблон:Text box

Материал из Абсурдопедии
Перейти к навигацииПерейти к поиску
#@$%&?

Что хотели сказать-то?

✑ 
Документация

Назначение

Простая коробочка в рамке с заголовком и сообщением на прозрачном или цветном фоне.

Располагается по умолчанию посередине ширины страницы.

Использование

Обязательный минимум
{{Text box
 | heading = 
 | message =  
}}


Со всеми параметрами
{{Text box
 | id =
 | align =
 | width = 
 | backgroundcolor = 
 | heading = 
 | message = 
}}

Параметры

Обязательные параметры помечены звёздочкой.
Настройки внешнего вида и размеров коробочки

align — выравнивание по горизонтали. По умолчанию, center.

width — ширина коробочки в пикселях или других единицах. Например: 30em. По умолчанию, auto.

backgroundcolorкод цвета фона коробочки. Если не указано значение, фон прозрачный.

Текст

heading* — текст заголовка.

message* — текст сообщения.

При необходимости, стиль отдельных кусков текста в заголовке и сообщении можно изменять разметкой вики и/или html <span style="">, <div style=""> и т. п., а также можно делать текстовые ссылки.

Служебная фигня

id — идентификатор шаблона типа class. Может быть полезен, если вдруг понадобится настроить коробочку или сделать её невидимой посредством CSS.

Примеры

Код Как выглядит на странице
{{Text box
 | heading = На дворе трава
 | message =  
}}
На дворе трава

{{Text box
 | heading = 
 | message =  На траве дрова.
}}

На траве дрова.

{{Text box
 | heading = На дворе трава
 | message =  На траве дрова.
}}
На дворе трава

На траве дрова.

{{Text box
 | heading = Уважаемые жильцы!
 | message = Сообщаем, что с <span style="font-size:larger; font-weight:700;">20 по 31 июня</span> в вашем подъезде будет отключен '''[[ЖабаСкрипт|JavaScript]]'''.
}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Уважаемые жильцы!

Сообщаем, что с 20 по 31 июня в вашем подъезде будет отключен JavaScript.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur.

Выравнивание по левому краю
{{Text box
 | align = left
 | backgroundcolor = #98FB98
 | heading = Дети — цветы жизни
 | message = {{список через точку
 | Коля
 | Вася
 | Петя
 | Маруся
}}}}

Выравнивание по правому краю

{{Text box
 | align = right
 | backgroundcolor = #D3D3D3
 | heading = Цветы
 | message = На могиле матери.
}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Дети — цветы жизни

Коля · Вася · Петя · Маруся

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do et dolore magna aliqua.
Цветы

На могиле матери.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

См. также

  • {{врезка}}
  • {{совет}}
  • {{Message box}} — то же самое, только с картинкой и миллионом настроек (если хотите повыпендриваться!)