Шаблон:Userbox: различия между версиями

Текущая версия от 05:22, 5 декабря 2024

слева

Текст справа

[просмотр] [править] [история] [обновить]

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

Самый социальный шаблон. Теперь он есть и на Анклаве! Сделан таким образом, чтобы свои юзербоксы можно было генерировать на вот этом удобном сайте. Но, чтобы было понимание, давайте всё-таки посмотрим, что же именно в нём есть.

How do I shot web

Шаблон, грубо говоря, состоит из трёх частей: границы, левой части и правой. Параметров границы всего два:

border-c — цвет;
border-s — толщина, по умолчанию 1.

Теперь предлагаю побыть семитами и сначала рассмотреть правую часть шаблона, где мы пишем текст. В традициях юзербоксов она именуется «info», и параметры ей мы дали следующие:

info-c — цвет фона;
info-s — размер шрифта текста;
info-fc — цвет этого шрифта;
info-lh — расстояние между строками;
info-op — дополнительные атрибуты, для мастеров CSS;
и, наконец, само info — поясняющий юзербокс текст.

Переходим к левой части, так называемому «id»:

id-c — цвет фона;
id-s — размер шрифта, если вы поставили туда текст;
id-fc — цвет шрифта;
id-op — дополнительные атрибуты, для мастеров CSS;
ну и, собственно, id.

Самый интересный вопрос — чё можно впихнуть в левую часть? Как нетрудно догадаться, туда можно вставить тупо текст. Но это же неинтересно! По традиции туда ставят небольшие картинки. [[File:Что-то-там.jpg|50px]] — вот так. Причём, как видно из примера ниже, хотлинк файла с Commons неплохо работает, как и везде.

{{Userbox | border-c=#CCCC00 | border-s=2| id-c=#FFFF00| id-s=12| id-fc=#000000| id-op=| info-c=#FFFF99| info-s=8| info-fc=#000000| info-lh=1.2em| info-op=| id=[[File:Porky internet meme.png|50px]]| info=Этот участник — злой буржуй, он ест на обед золотые слитки}}

Это даст нам наш «примерный» шаблон:

Этот участник — злой буржуй, он ест на обед золотые слитки

По моему скромному мнению, довольно неплохо смотрится вставка в «id» эмодзи.

{{Userbox | border-c=#A3BFB1 | border-s=1| id-c=#CEF2E0| id-s=16| id-fc=#000000| id-op=| info-c=#E6FFF2| info-s=8| info-fc=#000000| info-lh=1.2em| info-op=| id=🤮| info=Этого участника тошнит от всего}}

Даёт нам то, что вы видите справа.

🤮

Этого участника тошнит от всего

Складывать это весёлое и цветистое юзербоксовое творчество, чтобы не путаться, желательно в подстатьи этого шаблона. Вот в адресной строке после слова «Userbox» допишите косую чёрточку, придумайте какое-нибудь креативное название и там свой шаблон делайте.

А если трэба не просто повесить его на страницу, как значок на рюкзак, а вписывать что-то своё для каждого? Как здесь. На этот случай — курим мануал по параметрам! Если кратко — то надо вписать его в текстовое поле уже в {{{тройных фигурных скобочках}}}. Ну давайте, пошутите про эхо!

@@ Строка 1: / Строка 1: @@
 <div style="float:right; margin:1px; display:inline-grid; grid-template-columns:1fr 6fr; width: 250px; border-radius:.25em; border: {{{border-s|1}}}px solid {{{border-c|rgba(255,255,255,.1)}}}; box-shadow: inset 0 0px 5px rgba(0,0,0,.5)">
-<div style="background:{{{id-c|rgba(0,0,0,.16)}}}; display:grid; width:47px; padding:2px; line-height:{{{id-lh|1.25em}}}; font-size:{{{id-s|12}}}pt; {{{id-op|}}}"><span style="align-self:center; justify-self:center; color:{{{id-fc|black}}}">{{{id|слева}}}</span></div>
+<div style="background:{{{id-c|rgba(0,0,0,.16)}}}; display:grid; width:50px; padding:0.2em; line-height:{{{id-lh|1.25em}}}; font-size:{{{id-s|12}}}pt; {{{id-op|}}}"><span style="align-self:center; justify-self:center; color:{{{id-fc|black}}}">{{{id|слева}}}</span></div>
 <div style="background:{{{info-c|rgba(0,0,0,.16)}}}; display:grid; font-size:{{{info-s|8}}}pt; {{{info-op|}}}"><span style="margin:.4em 0; align-self:center; padding-left:5px; line-height:{{{info-lh|1.2em}}}; color:{{{info-fc|black}}}">{{{info|''Текст справа''}}}</span></div>
 </div><includeonly>{{#ifeq:{{NAMESPACE}}|Шаблон|[[Категория:Юзербоксы]]|}}</includeonly><noinclude>{{doc}}[[Категория:Шаблоны для красоты]]</noinclude>