{{Zodiac}} — створює користувацький блок (дослівно Юзербокс), призначений для розміщення інформації про користувачів на їх персональних сторінках. Відмінністю від звачайного {{Юзербоксу}} — це те, що він розділений на три частини, чим нагадує шаблон {{Userbox-2}} , але на відміну від нього в цьго шаблону є можливість вказувати висоту і ширину лівої та правої комірки та загальну ширину юзербоксу.
{{Шаблон:Zodiac |float = gen Вирівнювання всього шаблону (left|center|right) |border-s = (9) gen Ширина краю блока (у пікселях) |border-c = (1) gen Колір рамки всього шаблону |wight = (6) gen Загальна ширина шаблону |id1 = (3) id1 Текст або зображення з лівої частини юзербокса |id1-c = (1) id1 Колір фону з лівої частини юзербокса |id1-s = id1 Розмір шрифта з лівої частини юзербокса |id1-w = (10) id1 ширина комірки з лівої частини юзербокса |id1-h = (11) id1 висота комірки з лівої частини юзербокса |id1-p = id1 проміжок (відстань між вмістом комірки і її краєм) з лівої частини юзербокса |id1-lh = id1 висота ліній (відстань між рядками тексту) з лівої частини юзербокса |id1-fc = id1 Колір шрифта з лівої частини юзербокса |id1-op = id1 інші параметри (CSS) з лівої частини юзербокса |info = (4) info Текст в центральній частині юзербокса |info-c = (2) info Колір фону в центральній частині юзербокса |info-s = info Розмір шрифта в центральній частині юзербокса |info-fc = (8) info Колір шрифта в центральній частині юзербокса |info-lh = info Висота ліній (відстань між рядками тексту) в центральній частині юзербокса |info-p = info проміжок (відстань між вмістом комірки і її краєм) в центральній частині юзербокса |info-op = info інші параметри (CSS) в центральній частини юзербокса |id2 = (5) id2 Текст або зображення з правої частини юзербокса |id2-c = (7) id2 Колір фону з правої частини юзербокса |id2-s = id2 Розмір шрифта з правої частини юзербокса |id2-fc = id2 Колір шрифта з правої частини юзербокса |id2-op = id2 інші параметри (CSS) з правої частини юзербокса |id2-w = (12) id2 ширина комірки з правої частини юзербокса |id2-h = (13) id2 висота комірки з правої частини юзербокса |id2-p = id2 проміжок (відстань між вмістом комірки і її краєм) з правої частини юзербокса |id2-lh = id2 висота ліній (відстань між рядками тексту) з правої частини юзербокса }}
- Якщо параметр border-c та id2-c незазначений, буде використаний id1-c
- Жоден з параметрів не є обов'язковим
{{Шаблон:Zodiac |float = |border-s = |border-c = |wight = |id1 = |id1-c = |id1-s = |id1-w = |id1-h = |id1-p = |id1-lh = |id1-fc = |id1-op = |info = |info-c = |info-s = |info-fc = |info-lh = |info-p = |info-op = |id2 = |id2-c = |id2-s = |id2-fc = |id2-op = |id2-w = |id2-h = |id2-p = |id2-lh = }}
Також пітримується спрощений формат шаблону:
<pre> {{Шаблон:Zodiac |color 1 |color 2 |color 3 |id1 |id2 |info |id1 size |id2 size }}
Код | Результат |
{{subst:Zodiac}} | |
{{subst:Zodiac |id1=Лого |id1-s=16 |id1-c=#ffffee |info=''Приклад'' |info-c=#ffeeff |info-s=12 |id2=Лого |id2-s=16 |id2-c=#eeffee |border-c=#aaffaa |border-s=2 }} | |
Приклад показує типовий вигляд юзербоксу, який вище за 45 пікселів. Порівняйте висоту прикладу з вищепоказаними прикладами. |
{{subst:Zodiac |id1=Лого |id1-c=#ffffee |info=''В цьому прикладі можна побачити стандартні відстані між строками тексту та відстані між змістом комірок та їх рамками.'' |info-c=#ffeeff |id2=Лого |id2-c=#eeffee |border-c=#aaffaa |border-s=2 }} | Це1 | В цьому прикладі можна побачити стандартні відстані між рядками тексту та відстані між змістом комірок та їх рамками. | Це2 | |
Приклад нижче показує як ми можемо змінити юзербокс і визначає подальші параметри, які потрібні задля зниження висоти юзербоксу до рекомендованої позначки 45 пікселів навіть з чотирма рядками тексту. Зокрема, можна використовувати параметр проміжку комірки "info-p", який може дорівнювати "1pt 1pt 1pt 2pt" чи, "1pt 2pt" |
{{subst:Zodiac |id1=Лого |id1-s=12 |id1-c=#ffffee |id1-lh=1.1em |info=''Ми визначили величини задля зменшення відстані між рядками тексту та проміжку між комірками та їх рамками.'' |info-c=#ffeeff |info-s=8 |info-p=1pt |info-lh=1em |id2=Лого |id2-s=12 |id2-c=#eeffee |id2-lh=1.1em |border-c=#aaffaa |border-s=1 }} | foo logo | Ми визначили величини задля зменшення відстані між рядками тексту та проміжку між змістом комірки та її рамкою. | foo logo | |
Приклад нижче, призначений для досвідчених користувачів, показує як ми можемо визначити інші CSS параметри, такі як, наприклад, "font-family". Він змінить шрифт, який уже не міститься в шаблоні. Нижче, права частина показує два юзербокси, перший з яких не містить цей параметр, а другий використовує код за допомогою параметра "info-op |
{{subst:Zodiac |id1=foo logo |id1-s=14 |id1-c=#ffe |id1-lh=1.1em |info=foo bar |info-c=#fef |info-s=14 |info-op=font-family:'Courier New'; |id2=foo logo |id2-s=14 |id2-c=#efe |id2-lh=1.1em |border-c=#afa |border-s=2 }} | |