Перейти до вмісту

Шаблон:Юзербокс

Очікує на перевірку
Матеріал з Вікіпедії — вільної енциклопедії.
id info
{{i}} Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

Опис

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

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

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

{{Юзербокс
 |float    = <!-- розміщення шаблону на сторінці (left/right)-->
 |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 = <!-- категорія користувачів (додатково) -->
 |nocat = <!-- заборона категоризації -->
 |width = <!-- ширина лівого вікна шаблону (за замовчуванням = 45px) -->
}}
  • Жоден з параметрів не є обов'язковим

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

{{Юзербокс
 |color 1
 |color 2
 |id
 |info
 |id size
}}

Приклади

Код Результат
{{Юзербокс}}
id info
 {{Юзербокс
  |id=Це
  |id-s=20
  |id-c=#ffffee
  |info=''Приклад''
  |info-c=#ffeeff
  |info-s=12
  |border-c=#aaffaa
  |border-s=2
 }} 
Це Приклад
Приклад показує типовий вигляд юзербоксу, який вище за 45 пікселів. Порівняйте висоту прикладу з вищепоказаними прикладами.
 {{Юзербокс
  |id=Лого
  |id-c=#ffffee
  |info=''В цьому прикладі можна
побачити стандартні відстані між
строками тектсу та відстані між
 змістом комірок та їх рамками.''
  |info-c=#ffeeff
  |border-c=#aaffaa
  |border-s=2
 }} 
Лого В цьому прикладі можна побачити стандартні відстані між рядками тектсу та відстані між змістом комірок та їх рамками.
Приклад нижче показує як ми можемо змінити юзербокс і визначає подальші параметри, які потрібні задля зниження висоти юзербоксу до рекомендованої позначки 45 пікселів навіть з чотирма рядками тексту. Зокрема, можна використовувати параметр проміжку комірки "info-p", який може дорівнювати "1pt 1pt 1pt 2pt" чи, "1pt 2pt"
 {{Юзербокс
  |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
 {{Юзербокс
  |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       = [[Зображення:Opensource.svg|40px]]
 | id-c     = #FFFF00
 | info     = довільний текст
 | info-c   = #FF0000
 | info-fc  = #0000FF
 | width = 60
 | border-c = #0000FF
 | info-s   = 5
}}
довільний текст

Дивіться також