Standard Format for Border Template

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:

Visual Example (Basic Border) (Below is a visual representation of the 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.

END OF EXAMPLE

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:

Visual Example (Basic Tabber) (Below is a visual representation of the content)

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (Basic Tabber; Type 2) (Below is a visual representation of the content)

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (Basic Tabber; With Padding) (Below is a visual representation of the content)

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (Basic Tabber; Type 2; With Padding) (Below is a visual representation of the content)

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (Nested Tabber; Type 1) (Below is a visual representation of the content)

• Title 1.1
• Title 2.1

• Title 1.2
• Title 1.3

• 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.

• Content
• Content
• Content

This will automatically add the scroll if the content is long enough.

END OF EXAMPLE

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:

Visual Example (Nested Tabber; Type 2) (Below is a visual representation of the content)

• Title 1.1
• Title 2.1

• Title 1.2
• Title 1.3

• 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.

• Content
• Content
• Content

This will automatically add the scroll if the content is long enough.

END OF EXAMPLE

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:

Visual Example (P&A Section; No tabber) (Below is a visual representation of the content)

Powers and Abilities:

• Ability 1
• Ability 2
• Ability 3

This will automatically add the scroll if the content is long enough.

END OF EXAMPLE

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:

Visual Example (P&A Section; Tabber Type 1) (Below is a visual representation of the content)

Powers and Abilities:

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (P&A Section; Tabber Type 2) (Below is a visual representation of the content)

Powers and Abilities:

• Title 1
• Title 2

• 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.

END OF EXAMPLE

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:

Visual Example (Statistics Section; Tabber Type 1) (Below is a visual representation of the content)

• Title 1
• Title 2

Attack Potency:

Speed:

Lifting Strength:

Striking Strength:

Durability:

Attack Potency:

Speed:

Lifting Strength:

Striking Strength:

Durability:

END OF EXAMPLE

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:

Visual Example (Statistics Section; Tabber Type 2) (Below is a visual representation of the content)

• Title 1
• Title 2

Attack Potency:

Speed:

Lifting Strength:

Striking Strength:

Durability:

Attack Potency:

Speed:

Lifting Strength:

Striking Strength:

Durability:

END OF EXAMPLE

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:

Visual Example (Intelligence Section) (Below is a visual representation of the content)

Intelligence:

Intelligence rating; Intelligence justification text.

This will automatically add the scroll if the content is long enough.

END OF EXAMPLE

See more

• Template:Border
• Template:Border/doc

Discussions

Discussion threads involving Standard Format for Border Template