Шаблон:Userbox: различия между версиями
мНет описания правки |
Нет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div style="float:right; margin:1px; display:inline-grid; grid-template-columns:1fr 6fr; | <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: | <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 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> | </div><includeonly>{{#ifeq:{{NAMESPACE}}|Шаблон|[[Категория:Юзербоксы]]|}}</includeonly><noinclude>{{doc}}[[Категория:Шаблоны для красоты]]</noinclude> | ||
Текущая версия от 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» допишите косую чёрточку, придумайте какое-нибудь креативное название и там свой шаблон делайте.
А если трэба не просто повесить его на страницу, как значок на рюкзак, а вписывать что-то своё для каждого? Как здесь. На этот случай — курим мануал по параметрам! Если кратко — то надо вписать его в текстовое поле уже в {{{тройных фигурных скобочках}}}. Ну давайте, пошутите про эхо!