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 (QC)
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}}}/Movelist|Movelist]]<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}}}/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 12: Line 12:


--><noinclude>
--><noinclude>
== Preview ==
== Usage ==
 
This template will not show links to pages that do not exist (i.e. are redlinked and carry the class "new" (<code>a.new</code>). <ref>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):
This template will not show links to pages that do not exist (i.e. are redlinked and carry the class "new" (<code>a.new</code>). <ref>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):
<pre>
<pre>
/* CUSTOM TABS */
/* CUSTOM TABS */
ul.NOL-tabs {
margin:0px !important;
}
.NOL-tabs li {
.NOL-tabs li {
display: inline-block;
display: inline-block;
Line 26: Line 28:
}
}
/* hide new links */
/* hide new links */
.NOL-tabs > a.new {
.NOL-tabs li a.new {
     display: none !important;
     display: none !important;
}
}
Line 39: Line 41:
{{Character Tabs|Kagura Mutsuki}}
{{Character Tabs|Kagura Mutsuki}}


== Usage ==
<pre><nowiki>
<pre><nowiki>
On the character's page:
On the character's page:
Line 49: Line 50:
{{Character Tabs|Kagura Mutsuki|Gallery}}
{{Character Tabs|Kagura Mutsuki|Gallery}}
</nowiki></pre>
</nowiki></pre>
This tab includes links to the following subpages:
<pre>
(Main)
Gallery
Command Lists
Quotes
</pre>


== Notes ==
== Notes ==

Revision as of 04:08, 10 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
Command Lists
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;
    }