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 (change command lists to gameplay)
m (remove hr since it's unneeded with the new css)
Line 5: Line 5:
<li style="display:inline-block;">[[{{{1}}}/Gameplay|Gameplay]]<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><!--
<hr><!--
--></includeonly><!--
--></includeonly><!--



Revision as of 08:13, 28 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;
    }