Шаблон:Message box/doc

Материал из Абсурдопедии
Перейти к навигацииПерейти к поиску

Назначение[править]

Настраиваемая коробочка с картинкой (и текстом, если не лень писать) на белом или цветном фоне.

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

Использование[править]

Обязательный минимум
{{message_box
 | heading = 
 | message = 
}}
C картинкой, заголовком и сообщением
{{message_box
 | image = 
 | heading = 
 | message = 
}}
Со всеми параметрами
{{message_box
 | id =
 | align =
 | width = 
 | backgroundcolor = 
 | bordercolor = 
 | image = 
 | size =
 | imagelink =
 | heading = 
 | heading_style =
 | message = 
}}

Параметры[править]

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

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

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

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

bordercolor — цвет рамки. По умолчанию, #aaa.

Картинка

image — наименование файла изображения (без префикса). Например: Шестерни.png.

size — размер изображения, например: 80px. Если не указано значение, размер по умолчанию 40px.

imagelink — вики-ссылка на какую-нибудь страницу. Например: [[ЖабаСкрипт]]. Если ничего не указано, кликнуть по картинке читатель не сможет. (Ну и отлично. Нечего кликать почём зря!)

Текст

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

heading_style — стиль заголовка. Например: color:#A52A2A; text-align:center;.

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

message_style — стиль сообщения. Например: color:#A52A2A; text-align:center;.

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

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

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

Примеры[править]

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

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

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

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

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

{{message_box
 | image = Fl-studio.png
 | heading = 
 | message = 
}}
Fl-studio.png

{{message_box
 | image = Шестерни.png
 | 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.
Шестерни.png
Уважаемые жильцы!

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

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.
{{message_box
 | id = JSnotice
 | align = right
 | width = 25em
 | backgroundcolor = #F5DEB3
 | bordercolor = #CD853F
 | image = Шестерни.png
 | size = 25px
 | imagelink = [[ЖабаСкрипт]]
 | heading = Уважаемые жильцы!
 | heading_style = font-weight:400; text-align:center; color:#8B4513;
 | message = Сообщаем, что с <span style="font-size:larger; font-weight:700;">20 по 31 июня</span> в вашем подъезде будет отключен '''[[ЖабаСкрипт|JavaScript]]'''.
 | message_style = text-align:center; color:#8B4513;
}}
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Шестерни.png
Уважаемые жильцы!

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

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 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
{{message_box
 | align = left
 | image = Звезда д.png
 | size = 40px
 | backgroundcolor = LightBlue
 | heading = <span style="font-size:16pt; color:SteelBlue; letter-spacing:.2em;">Евреи!</span>
 | message = Не жалейте заварки!
}}
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Звезда д.png
Евреи!

Не жалейте заварки!

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 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

См. также[править]

  • {{врезка}}
  • {{совет}}
  • {{ambox}} — заготовка для сообщений специального назначения
  • {{text box}} — заготовка для создания простых коробочек без картинок и других прибамбасов