Blacklight Box

Примечание:

Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.

рейтинг: 5.0
1/100%

Welcome to yet-another-Woedenaz-component-that-is-far-too-complicated-mostly-because-of-stupid-wikidot
YAWCTIFTCMBOSW for short.

Jump To Examples


HOW TO

YOU ONLY NEED ONE OF THESE!

[[include component:blacklight-box-source |inc-source= --]]]

This step is OPTIONAL.

Only include if you want to change the default colors.


[[include component:blacklight-box-source |inc-colors= --]
|color-family=lowercase-nospaces
|bg-color=rgb(234,234,234)
|txt-color=rgb(12,12,12)
|border-color=rgb(100,3,15)
|label-bg-color=rgb(100,3,15)
|label-txt-color=rgb(252,252,252)
]]


TIPS

  • If you want all boxes to share the same colors, only include this ONCE and give every box the SAME Color Family. [See Example 2]
  • The box DOES have default colors if you do not use this Include [See Example 1.] They change to match either Black Highlighter or Sigma-9
  • It's generally best to keep the border and the label bg color the same.
  • Always put this BEFORE the box you wish to change the color of.
  • All colors accept hex, rgb, rgba, and hsl.

Beginning of include ↦

Unique Color Family LOWERCASE & NO SPACES

Background Color for Content Box ↦

Text Color for Content Box ↦

Border Color for Content Box ↦

Background Color for Label ↦

Text Color for Label ↦

End of include ↦

[[include component:blacklight-box-source |inc-colors= --]

|color-family=lowercase-nospaces

|bg-color=rgb(234,234,234)

|txt-color=rgb(12,12,12)

|border-color=rgb(100,3,15)

|label-bg-color=rgb(100,3,15)

|label-txt-color=rgb(252,252,252)

]]

You will need one of these per content box.


[[include component:blacklight-box-source |inc-section-start= --]
|color-family=optional-colors
|unique-name=lowercase-nospaces
|display-name=text in label
]]
Insert content of box here.
[[include component:blacklight-box-source |inc-section-end= --]]]


TIPS

  • If you are using custom colors from step 2, make sure to always put it BEFORE this set of includes.
    • Remember, if you want the same custom colors in all boxes, use the same color family per box
    • If you want individual colors for each box, you will need to give each a unique color family and have multiple optional color includes.
  • Content within the box can be any Wikidot syntax.
  • Try to not make the labels too long. They do not wrap. The text does scale down for mobile devices, though.

Beginning of content box start include ↦

OPTIONAL: Color Family if using Part 2 ↦

Unique Name LOWERCASE & NO SPACES

Display Name in Label ↦

End of content box start include ↦

Insert Content Here ↦

Content box end include ↦

[[include component:blacklight-box-source |inc-section-start= --]

|color-family=optional-colors

|unique-name=lowercase-nospaces

|display-name=text in label

]]

Insert content of box here.

[[include component:blacklight-box-source |inc-section-end= --]]]


EXAMPLES


Example 1

Simple Default Color Boxes

These change depending on whether you are using Black Highlighter or Sigma-9.

You do not need to include a color-family.


Example 2

Boxes with identical custom color schemes

All of these boxes will have the same color.

Even though they have different labels,
and different unique-names

They are in the same Color Family,
Which is |color-family=same-color in this case.


Example 3

Boxes with unique custom color schemes

You can really go nuts, if you want.

Full technicolor nightmare, really.

Or maybe this is a dream.

Maybe you are just going mad.

Структурные: визуальный_элемент
версия страницы: 82, Последняя правка: 12 Май 2023, 14:20 (545 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.