Опис
Шаблон {{Юзербокс}} — створює користувацький блок (бокс, скриньку) (дослівно Юзербокс), призначений для розміщення інформації про користувачів на їхніх персональних сторінках.
Використання
Синтаксис шаблону:
{{Юзербокс
|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=Це
|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
}} |
|
довільний текст
|
|
Дивіться також