Шаблон:Zodiac

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку
id1 info id2
{{i}} Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

Мета[ред. код]

{{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}}
id1 info id2
 {{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
}} 
Це1 Приклад Це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
}} 
Лого Приклад Лого

 
Лого Приклад Лого

Дивіться також[ред. код]