Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Character Tabs: Difference between revisions

Template page
m (QC)
m (change command lists to gameplay)
Line 3: Line 3:
<li style="display:inline-block;">[[{{{1}}}|Main]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}|Main]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Gallery|Gallery]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Gallery|Gallery]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Command Lists|Command Lists]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Gameplay|Gameplay]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Quotes|Quotes]]<span class="NOL-tabs-divider"> &middot; </span></li>
<li style="display:inline-block;">[[{{{1}}}/Quotes|Quotes]]<span class="NOL-tabs-divider"> &middot; </span></li>
</ul>
</ul>
Line 55: Line 55:
(Main)
(Main)
Gallery
Gallery
Command Lists
Gameplay
Quotes
Quotes
</pre>
</pre>

Revision as of 00:15, 20 January 2018

Usage

This template will not show links to pages that do not exist (i.e. are redlinked and carry the class "new" (a.new). [1]


On the character's page:
{{Character Tabs|character name}}
{{Character Tabs|Kagura Mutsuki}}

On a character's subpage:
{{Character Tabs|character name|subpage}}
{{Character Tabs|Kagura Mutsuki|Gallery}}

This tab includes links to the following subpages:

(Main)
Gallery
Gameplay
Quotes

Notes

  1. This feature requires the following lines of css be added to any skin (i.e. to "Common.css" and "Mobile.css") that does not already include it (any skin other than the Cathedral skin):
    /* CUSTOM TABS */
    ul.NOL-tabs {
    	margin:0px !important;
    }
    .NOL-tabs li {
    	display: inline-block;
    }
    /* float the bullet points to the left of each item */
    .NOL-tabs-divider {
        float: left;
        margin: 0px 5px;
    }
    /* hide new links */
    .NOL-tabs li a.new {
        display: none !important;
    }
    /* hide bullet points for new links */
    .NOL-tabs li a.new ~ span.NOL-tabs-divider {
        display: none;
    }
    /* hide bullet points for the first listed item */
    .NOL-tabs li:first-child a ~ span.NOL-tabs-divider {
    	display:none;
    }