{{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
}} |
|
Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]