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
mNo edit summary
m (QC)
Line 1: Line 1:
<includeonly>
<includeonly>
<ul class="NOL-tabs>
<ul class="NOL-tabs" style="margin:0px;">
<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>
Line 38: Line 38:
}</pre></ref>
}</pre></ref>
{{Character Tabs|Kagura Mutsuki}}
{{Character Tabs|Kagura Mutsuki}}
{{Character Tabs|Kagura Mutsuki|Gallery}}


== Usage ==
== Usage ==

Revision as of 04:05, 10 January 2018

Preview

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


Usage

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}}

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 */
    .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 > 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;
    }