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

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

Матеріал з Вікіпідручника
id info

Шаблон:Об'єднати

Мета

[ред.]

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

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

[ред.]
{{Юзербокс
  |id       = id текст чи зображення
  |id-c     = id колір фону
  |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 колір фону
  |info-fc  = info колір тексту
  |info-s   = info розмір шрифта
  |info-p   = info проміжок (відстань між вмістом комірки і її краєм)
  |info-lh  = info висота ліній (відстань між рядками тексту)
  |info-op  = інші параметри (CSS)
  |border-c = колір рамки
  |border-s = ширина краю блока (у пікселях)
  |usercategory  = категорія користувачів (додатково)
  |usercategory2 = категорія користувачів (додатково)
  |usercategory3 = категорія користувачів (додатково)
}}
  • Якщо параметр border-c незазначений, буде використаний id-c
  • Жоден з параметрів не є обов'язковим

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

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

Приклади

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

 
Лого Приклад

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

[ред.]