Шаблон:Userbox/документація

Опис

Шаблон {{Userbox}} створює користувацький блок (бокс, скриньку; дослівно — юзербокс), призначений для розміщення інформації про користувачів на їх персональних сторінках.

Використання

Синтаксис шаблону:

{{Userbox
  |id       = <!-- id текст чи зображення [[Файл:ім'я файлу|розмір (як правило в межах 30-50 px)]]  -->
  |id-c     = <!-- id колір тла (в форматі [[HEX]]) -->
  |id-fc    = <!-- id колір тексту -->
  |id-s     = <!-- id розмір шрифта -->
  |id-p     = <!-- id проміжок (відстань між вмістом комірки і її краєм) -->
  |id-lh    = <!-- id висота ліній (відстань між рядками тексту) -->
  |id-op    = <!-- id інші параметри (CSS) -->
  |id-w     = <!-- id ширина комірки -->
  |id-h     = <!-- id висота комірки -->
  |info     = <!-- info довільний текст -->
  |info-c   = <!-- info колір тла тексту (в форматі [[HEX]]) -->
  |info-fc  = <!-- info колір тексту (в форматі [[HEX]]) -->
  |info-s   = <!-- info розмір шрифту (за замовчуванням = 8) -->
  |info-p   = <!-- info проміжок (відстань між вмістом комірки і її краєм) -->
  |info-lh  = <!-- info висота ліній (відстань між рядками тексту) -->
  |info-op  = <!-- інші параметри (CSS) -->
  |border-c = <!-- колір рамки (в форматі [[HEX]]), якщо не зазначений, буде використаний ''id-c'' -->
  |border-s = <!-- ширина краю блока (у пікселях) -->
  |usercategory  = <!-- категорія користувачів (додатково) -->
  |usercategory2 = <!-- категорія користувачів (додатково) -->
  |usercategory3 = <!-- категорія користувачів (додатково) -->
  |width    = <!-- ширина лівого вікна шаблону (за замовчуванням = 45px) -->
}}

• Жоден з параметрів не є обов'язковим

Також підтримується спрощений формат шаблону:

{{Userbox
|color 1
|color 2
|id
|info
|id size
}}

Приклади

Код

Результат

{{subst:Userbox}}

id

info

 {{subst:Userbox
  |id=Лого
  |id-s=20
  |id-c=#ffffee
  |info=''Приклад''
  |info-c=#ffeeff
  |info-s=12
  |border-c=#aaffaa
  |border-s=2
}} 

Це

Приклад

Приклад показує типовий вигляд юзербоксу, який вище за 45 пікселів. Порівняйте висоту прикладу з вищепоказаними прикладами.

 {{subst:Userbox
  |id=Лого
  |id-c=#ffffee
  |info=''В цьому прикладі можна
побачити стандартні відстані між
строками тектсу та відстані між
 змістом комірок та їх рамками.''
  |info-c=#ffeeff
  |border-c=#aaffaa
  |border-s=2
}} 

Лого	В цьому прикладі можна побачити стандартні відстані між рядками тектсу та відстані між змістом комірок та їх рамками.

Приклад нижче показує як ми можемо змінити юзербокс і визначає подальші параметри, які потрібні задля зниження висоти юзербоксу до рекомендованої позначки 45 пікселів навіть з чотирма рядками тексту. Зокрема, можна використовувати параметр проміжку комірки "info-p", який може дорівнювати "1pt 1pt 1pt 2pt" чи, "1pt 2pt"

 {{subst:Userbox
  |id=Лого
  |id-s=14
  |id-c=#ffffee
  |id-lh=1.1em
  |info=''Ми визначили величини
задля зменшення відстані між
рядками тексту та проміжку між
комірками та їх рамками.''
  |info-c=#ffeeff
  |info-s=8
  |info-p=1pt
  |info-lh=1.05em
  |border-c=#aaffaa
  |border-s=1
}} 

foo logo

Ми визначили величини задля зменшення відстані між рядками тексту та проміжку між змістом комірки та її рамкою.

Приклад нижче, призначений для досвідчених користувачів, показує як ми можемо визначити інші CSS параметри, такі як, наприклад, "font-family". Він змінить шрифт, який уже не міститься в шаблоні. Нижче, права частина показує два юзербокси, перший з яких не містить цей параметр, а другий використовує код за допомогою парметра "info-op

 {{subst:Userbox
  |id=foo logo
  |id-s=14
  |id-c=#ffe
  |id-lh=1.1em
  |info=foo bar
  |info-c=#fef
  |info-s=14
  |info-op=font-family:'Courier New';
  |border-c=#afa
  |border-s=2
}} 

Лого

Приклад

 

Лого

Приклад

{{Userbox
 | id       = [[Файл:Blue - replace this image female.svg|40px]]
 | id-c     = #FFFF00
 | info     = довільний текст
 | info-c   = #FF0000
 | info-fc  = #0000FF
 | width = 60
 | border-c = #0000FF
 | info-s   = 5
}}

довільний текст