User:PKM/sandbox-GLAM tabs

These instructions will allow you set up your GLAM project with tabbed pages.

You will:

Create your GLAM project default (home) page
Create a Tab header subpage to contain your navigation tabs. This page will be transcluded into each page of your project.
Create a Tab header/Tab sub-subpage. This page will contain the color, text, and format instructions for your tabs.
Create a Tab header/Spacer sub-subpage. This page will contain the color and format instructions for the spaces between tabs.
Add your navigation to each page of your project as you create it

You can create the navigation before the project pages are built. Pages that don't exist yet will appear as red links in the navigation until they are created.

Step 1: Create your GLAM home page

The page should be named Wikipedia:GLAM/Institution Name.

Step 2: Create your Tab header page

The page should be named Wikipedia:GLAM/Institution Name/Tab header (note: not Tab Header!)

One this page, you will make an entry for the tab for each page in your project, with its Page Name and the label that should appear on its tab, followed by a spacer to separate it from the following tab.

The page content will be something like this, using the pages you want in your project:


{| border="0" cellspacing="0" cellpadding="0" width="100%"
|- style="white-space: nowrap;"
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name|Welcome}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia Talk:GLAM/Institution Name|Discuss}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name/Participants|Participate}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name/Events|Events}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name/Requests|Requests}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name/Todo|To-Do list}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Spacer}}
{{:Wikipedia:GLAM/Institution Name/Tab header/Tab|Wikipedia:GLAM/Institution Name/Outcomes|Outcomes}}
|} 
{| class="plainlinks" cellspacing="0" cellpadding="0" width="100%" style="border-left: 1px  #6881b9 solid; border-bottom: 1px silver solid; border-right: 1px silver solid; background: transparent;"
| style="padding: 1em;" |

Step 3: Create Tab header/Tab page

Create a sub-subpage at Wikipedia:GLAM/Institution Name/Tab header/Tab.

This page will contain the specifications for each tab. In general, the only thing you are likely to change on this page is the tab background color. The code below will create light blue-gray tabs and a light orange "active" tab.

The page content should be:


| style="width: 15em; border: 1px #7a9aa2 solid; background: #{{#ifeq:{{FULLPAGENAME}}|{{{1}}}|faedc6|d5dceb}}; padding: 3px; text-align: center; " | [[{{{1}}}|{{{2}}}]]

To change the tab color, replace "#d5dceb" above with another color hex code.

To change the active (current) tab color, replace "faedc6" with another color hex code.

Create Tab header/Spacer page

Create a sub-subpage at Wikipedia:GLAM/Institution Name/Tab header/Spacer.

This page will contain the specifications for the spaces between tabs. You should not change this code.

The page content should be:


| style="width: 6px; border-bottom: 1px silver solid; background: transparent;" |

Step 5: Add tabs to project pages

Add this code to the top of each project page:

{{/Tab header}}

Except on the Talk page only, you will need to include the path to the Tab header:

{{Wikipedia:GLAM/Institution Name/Tab header}}