| Articles about Standard Format Pages |
Character Profiles • Verse Pages • Item Profiles • Civilizations Profiles • Team Profiles • Vehicle Profiles • Location Profiles • Powers and Abilities • Verse-Specific Powers and Abilities • Categories • Navigation Templates • Border Template • Common Editing Mistakes • References • Sandbox Creation |
|---|
Introduction
The Border Template is designed to enhance the visual organization of a page's content by enclosing parts of it within a bordered line, which helps to clearly separate sections on a page. It's especially useful for conserving space on article pages, particularly when handling long lists.
The Border Template can be used in various situations, such as:
- Long lists of abilities, with or without tabbers, in the Powers & Abilities section.
- Statistics sections that feature multiple keys and tabbers.
- Extensive Intelligence sections.
- Other lengthy sections that incorporate multiple tabbers.
Guidelines
- This template is only optional. Pages that don't currently use border
<div>tags for line borders are not required to use this. However, any pages that do use border<div>tags must switch to this template. - Primarily use this template for the specific situations outlined above.
- For references and similar content, continue using the Scroll box template.
Parameter Instructions
Parameters:
- Scroll: [Yes/No] Activates the scroll feature within the template. The default value is No.
- Visible: [Yes/No] Controls whether the border line is visible. The default value is Yes.
- Content: The content displayed by the template on the page. Do not omit this parameter, as it could lead to unexpected behaviors, this is the same for other templates such as Scroll box.
Optional Parameter:
- Padding: [Yes/No] Adjusts the left and right padding to 0.5em when set to Yes. If set to No, the padding is 0.0em. The default value is No. Use this parameter carefully, as nesting it can cause unexpected visual outcomes.
Example codes:
{{Border|Scroll=Yes|Visible=Yes|Content=This is a scrollable box with a visible border.}}
{{Border|Scroll=No|Visible=Yes|Content=This is a non-scrollable box with a visible border.}}
{{Border|Scroll=Yes|Visible=No|Content=This is a scrollable box with invisible border.}}
{{Border|Scroll=Yes|Visible=No|Padding=Yes|Content=This is a scrollable box with padding and invisible border.}}
Border Template Usage Instructions
Here are instructions on how to use this template.
Basic Border Template
Just a basic border without a tabber. However, it's recommended to use this template in conjunction with tabbers.
{{Border|Scroll=Yes|Visible=Yes|Padding=Yes|Content=
Hello. This content is enclosed within a border, which serves to visually separate it from the surrounding content.
*To enable or disable scrolling, use Scroll=Yes or Scroll=No. By default, scrolling is disabled.
*To control the visibility of the border, use Visible=Yes or Visible=No. By default, the border is visible, as the main purpose of the template is to provide a border.
*You can add padding to indent the text if desired, using Padding=Yes or Padding=No.
*Anything placed after the Content= parameter will be displayed inside the border.
}}
Result:
Hello. This content is enclosed within a border, which serves to visually separate it from the surrounding content.
- To enable or disable scrolling, use Scroll=Yes or Scroll=No. By default, scrolling is disabled.
- To control the visibility of the border, use Visible=Yes or Visible=No. By default, the border is visible, as the main purpose of the template is to provide a border.
- You can add padding to indent the text if desired, using Padding=Yes or Padding=No.
- Anything placed after the Content= parameter will be displayed inside the border.
Basic Tabber
Just a basic tabber.
Code:
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content
*Content
*Content
*...
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content
*Content
*Content
*...
}}
</tabber>
Result:
Basic Tabber (Type 2)
Also a basic tabber, but with a different look.
Code:
{{Border|Scroll=No|Visible=Yes|Content=
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=No|Content=
*Content
*Content
*Content
This will automatically add the scroll if the content is long enough.
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=No|Content=
*Content
*Content
*Content
This will automatically add the scroll if the content is long enough.
}}
</tabber>
}}
Result:
Basic Tabber (With Padding)
Just a basic tabber.
Code:
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=Yes|Padding=Yes|Content=
*Content
*Content
*Content
*...
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=Yes|Padding=Yes|Content=
*Content
*Content
*Content
*...
}}
</tabber>
Result:
- Content
- Content
- Content
This will automatically add the scroll if the content is long enough.
- Content
- Content
- Content
This will automatically add the scroll if the content is long enough.
Basic Tabber (Type 2) (With Padding)
Also a basic tabber, but with a different look.
Code:
{{Border|Scroll=No|Visible=Yes|Content=
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=No|Padding=Yes|Content=
*Content
*Content
*Content
This will automatically add the scroll if the content is long enough.
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=No|Padding=Yes|Content=
*Content
*Content
*Content
This will automatically add the scroll if the content is long enough.
}}
</tabber>
}}
Result:
Other Usage Examples
Here are additional examples of how you can use this template.
Nested Tabber (Type 1)
Tabber within a tabber
Code:
<tabber>
|-|Title 1.1=
{{#tag:tabber|
{{!}}-{{!}}Title 1.2=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content
*Content
*Content
*...
}}
{{!}}-{{!}}Title 1.3=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content
*Content
*Content
*...
}}
}}
|-|Title 2.1=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Content
*Content
*Content
*...
}}
</tabber>
Result:
- Content
- Content
- Content
This will automatically add the scroll if the content is long enough.
Nested Tabber (Type 2)
Tabber within a tabber, but with a different look.
Code:
{{Border|Scroll=No|Visible=Yes|Content=
<tabber>
|-|Title 1.1=
{{#tag:tabber|
{{!}}-{{!}}Title 1.2=
{{Border|Scroll=Yes|Visible=No|Content=
*Content
*Content
*Content
*...
}}
{{!}}-{{!}}Title 1.3=
{{Border|Scroll=Yes|Visible=No|Content=
*Content
*Content
*Content
*...
}}
}}
|-|Title 2.1=
{{Border|Scroll=Yes|Visible=No|Content=
*Content
*Content
*Content
*...
}}
</tabber>
}}
Result:
- Content
- Content
- Content
This will automatically add the scroll if the content is long enough.
Powers and Abilities (No tabber)
This is intended for pages with lengthy Powers and Abilities sections that do not use tabbers.
Code:
'''Powers and Abilities:'''
{{Border|Scroll=Yes|Visible=Yes|Content=
*Ability 1
*Ability 2
*Ability 3
*...
}}
Result:
Powers and Abilities:
- Ability 1
- Ability 2
- Ability 3
This will automatically add the scroll if the content is long enough.
Powers and Abilities (With Tabber; Type 1)
This is intended for pages with lengthy Powers and Abilities sections that use tabbers.
Code:
'''Powers and Abilities:'''
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Ability 1
*Ability 2
*Ability 3
*...
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=Yes|Content=
*Ability 1
*Ability 2
*Ability 3
*...
}}
</tabber>
Result:
Powers and Abilities:
- Ability 1
- Ability 2
- Ability 3
This will automatically add the scroll if the content is long enough.
- Ability 1
- Ability 2
- Ability 3
This will automatically add the scroll if the content is long enough.
Powers and Abilities (With Tabber; Type 2)
Similar to Type 1, this is for pages with lengthy Powers and Abilities sections that use tabbers, but with a different look.
Code:
'''Powers and Abilities:'''
{{Border|Scroll=No|Visible=Yes|Content=
<tabber>
|-|Title 1=
{{Border|Scroll=Yes|Visible=No|Content=
*Ability 1
*Ability 2
*Ability 3
*...
}}
|-|Title 2=
{{Border|Scroll=Yes|Visible=No|Content=
*Ability 1
*Ability 2
*Ability 3
*...
}}
</tabber>
}}
Result:
Powers and Abilities:
Statistics Section (With Tabber; Type 1)
For the Statistics section, some pages use tabbers due to having numerous keys and/or lengthy justification text. You have the flexibility to decide what to include within the tabber, but make sure to use the border template to clearly separate the content inside the tabber from the content outside of it, facilitating easier navigation for visitors.
Ensure that the scroll feature is disabled in this case, as it is important for the statistics to remain fully visible.
Code:
<tabber>
|-|Title 1=
{{Border|Scroll=No|Visible=Yes|Content=
'''[[Attack Potency]]:'''
'''[[Speed]]:'''
'''[[Lifting Strength]]:'''
'''[[Striking Strength]]:'''
'''[[Durability]]:'''
}}
|-|Title 2=
{{Border|Scroll=No|Visible=Yes|Content=
'''[[Attack Potency]]:'''
'''[[Speed]]:'''
'''[[Lifting Strength]]:'''
'''[[Striking Strength]]:'''
'''[[Durability]]:'''
}}
</tabber>
Result:
Statistics Section (With Tabber; Type 2)
This is the same as Type 1, just with a different look.
Ensure that the scroll feature is disabled in this case, as it is important for the statistics to remain fully visible.
Code:
{{Border|Scroll=No|Visible=Yes|Content=
<tabber>
|-|Title 1=
{{Border|Scroll=No|Visible=No|Content=
'''[[Attack Potency]]:'''
'''[[Speed]]:'''
'''[[Lifting Strength]]:'''
'''[[Striking Strength]]:'''
'''[[Durability]]:'''
}}
|-|Title 2=
{{Border|Scroll=No|Visible=No|Content=
'''[[Attack Potency]]:'''
'''[[Speed]]:'''
'''[[Lifting Strength]]:'''
'''[[Striking Strength]]:'''
'''[[Durability]]:'''
}}
</tabber>
}}
Result:
Intelligence Section
For Intelligence sections, you can refer to the Powers and Abilities example codes above if you wish to include tabbers in this section.
Code:
'''Intelligence:'''
{{Border|Scroll=Yes|Visible=Yes|Content=
Intelligence rating; Intelligence justification text.
}}
Result:
Intelligence:
Intelligence rating; Intelligence justification text.
This will automatically add the scroll if the content is long enough.
See more
Discussions
| Discussion threads involving Standard Format for Border Template |