Версія для друку більше не підтримується і може мати помилки обробки. Будь ласка, оновіть свої закладки браузера, а також використовуйте натомість базову функцію друку у браузері.
Цей шаблон можна використовувати для швидкого створення юзербоксів які зазвичай розміщують на особистій сторінці користувача, щоб коротко описати себе.
{{Юзербокс
| bodyclass = <!-- Додає атрибут класу HTML до всієї її таблиці шаблону, щоб мати можливість стилювання, випуску мікроформатів тощо. -->
| float = <!-- розміщення шаблону на сторінці (left/right)-->
| border-c = <!-- колір рамки (в форматі HEX), якщо не зазначений, буде використаний ''id-c'' -->
| border-s = <!-- ширина краю блока (у пікселях) -->
| id = <!-- id текст чи зображення [[Файл:ім'я файлу|розмір (як правило в межах 30-50 px)]] -->
| id-a = <!-- id горизонтальне вирівнювання left (ліворуч)/center (в центрі)/right (праворуч)/justify (рівне) (за замовчуванням = center) -->
| id-c = <!-- id колір тла (в форматі HEX) -->
| id-fc = <!-- info колір тексту (в форматі HEX) -->
| id-s = <!-- info розмір шрифту (за замовчуванням = 14) -->
| id-p = <!-- info проміжок (відстань між вмістом комірки і її краєм) -->
| id-lh = <!-- info висота ліній (відстань між рядками тексту) -->
| id-op = <!-- інші параметри (CSS) -->
| id-w = <!-- id ширина комірки (за замовчуванням = 45) -->
| id-h = <!-- id висота комірки (за замовчуванням = 45) -->
| info-class = <!-- Додає атрибут класу HTML до рядка-таблиці "info", щоб мати можливість стилювання, випуску мікроформатів тощо. -->
| info = <!-- info довільний текст -->
| info-a = <!-- id горизонтальне вирівнювання left (ліворуч)/center (в центрі)/right (праворуч)/justify (рівне) (за замовчуванням = left)-->
| info-c = <!-- info колір тла тексту (в форматі HEX) -->
| info-fc = <!-- info колір тексту (в форматі HEX) -->
| info-s = <!-- info розмір шрифту (за замовчуванням = 8) -->
| info-p = <!-- info проміжок (відстань між вмістом комірки і її краєм) -->
| info-lh = <!-- info висота ліній (відстань між рядками тексту) -->
| info-op = <!-- інші параметри (CSS) -->
| nocat = <!-- заборона категоризації -->
| usercategory = <<!-- категорія користувачів (додатково) -->
| usercategory2 = <!-- категорія користувачів (додатково) -->
| usercategory3 = <!-- категорія користувачів (додатково) -->
}}
Приклад показує типовий вигляд юзербоксу, який вище за 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
}}
