Tabber

WikiText does **not** function in the comments. To test out your coding, please either visit your sandbox or this page's talk page.

## Introduction

**Tabber** is a function on FANDOM that allows you to put information in multiple or just one tab(s). It is very similar to Tabview, however, it does not take the information from other pages and templates.

* (Insert tab name here one)
* (Insert tab name here two)

Content One

Content Two

## Simple Tabbers

Code:

```
<tabber>

Content One

Content Two

</tabber>
```

If you want to add a new tab just repeat the **|-|** lines. Make sure to add the **=** at the end of the name or the tabber won't function correctly

What it looks like:

* (Insert tab name here one)
* (Insert tab name here two)

Content One

Content Two

## Complex Tabbers

Fun fact: it is possible to create Tabbers with two sections, using two lines of text: {{#tag:tabber and {{!}}-{{!}}. {{!}}-{{!}} acts as a break for the original tag; creating the second, third et cetera tabbers. The tag itself is a new Tabber, functioning exactly like the Tabber shown above this section. To demonstrate:

* Tabber One
* Tabber Two

* 1
* 2
* 3

Content one

Content two

Et cetera.

* 4
* 5
* 6

Content 1

Content 2

Content 3

**Unlike normal Tabbers, these must be closed with }} at the end, for each Tab!**

Code:

```
<tabber>
{{#tag:tabber|1=
Content one

{{!}}-{{!}}
2=
Content two

{{!}}-{{!}}
3=
Et cetera.

}}
{{#tag:tabber|4=
Content `

{{!}}-{{!}}
5=
Content 2

{{!}}-{{!}}
6=
Content 3

}}
</tabber>
```

## Even More Complex Tabbers!

It is possible to create tabbers with more than 3 sections Here's an example (Four Sections):

* First Tabber
* Second Tabber
* Third Tabber
* Fourth Tabber

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

* 1
* 2
* 3

Text 1

Text 2

Text 3

Code:

```
<tabber>
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3
}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3
}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3
}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3

}}
1=
Text 1

{{!}}-{{!}}
2=
Text 2

{{!}}-{{!}}
3=
Text 3
}}
</tabber>
```

## Adding images into tabbers

Adding images to tabbers is just like adding an image to an article! Here's an example:

* Content one
* Content two

And here's the code:

```
<tabber>

[[File:forest1.png]]

[[File:forest1.png]]

</tabber>

```

You can also modify the image! Just like this:

* Content one
* Content two

Here's the code for that:

```
<tabber>

[[File:Forest1.PNG|50px|left]]

[[File:Forest1.PNG|200px|right]]

</tabber>

```