Шаблон: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 = }} |
| ||
{{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.
| ||
{{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.
| ||
{{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.
|