Template
Interface template

Pagetabs2

From Dogcraft Wiki

No edit summary
mNo edit summary
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly><div class="vdesktop noexcerpt" style="width:100%; height: 50px; border-bottom: 5px solid #8b0024;">
<div class="nophone" style="width:100%; height: 50px; border-bottom: 5px solid #8b0024;">
{{#if: {{{tab1fullurl|}}}
{{#if: {{{tab1}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
|<div style="width:4px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
<div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center; padding-top:7px;  
  padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
{{#ifeq: {{{currenttab|}}} | 1
  {{#ifeq: {{{currenttab|}}} | 1
|border-bottom: 5px solid #ffffff; background: #ffffff;">
      |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab1fullurl|}}}
{{#if: {{{tab1url}}}|{{{tab1url}}}|{{#if: {{{tab1text}}}|[[{{{tab1}}}|<span style="color:black;">'''{{{tab1text}}}''']]|[[{{{tab1}}}|<span style="color:black;">'''{{{tab1}}}''']]}}}}
      |background: #8b0024;">{{{tab1fullurl|}}}
|background: #8b0024;">
  }}
{{#if: {{{tab1url}}}|{{{tab1url}}}|{{#if: {{{tab1text}}}|[[{{{tab1}}}|<span style="color:white;">'''{{{tab1text}}}''']]|[[{{{tab1}}}|<span style="color:white;">'''{{{tab1}}}''']]}}}}
  </div>
  |{{#if: {{{tab1|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
    <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
    padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px; line-height: 30px;
    {{#ifeq: {{{currenttab|}}} | 1
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab1|}}}|<span style="color:black;">'''{{{title1|{{{tab1|}}}}}}''']]
      |background: #8b0024;">[[{{{tab1|}}}|<span style="color:white;">'''{{{title1|{{{tab1|}}}}}}''']]
  }}
  </div>
  |
}}
}}
{{#if: {{{tab2fullurl|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  <div style="width:15%; height:38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
  padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px; line-height: 30px;
  {{#ifeq: {{{currenttab|}}} | 2
      |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab2fullurl|}}}
      |background: #8b0024;">{{{tab2fullurl|}}}
  }}
  </div>
  |{{#if: {{{tab2|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
    <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
    padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
    {{#ifeq: {{{currenttab|}}} | 2
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab2|}}}|<span style="color:black;">'''{{{title2|{{{tab2|}}}}}}''']]
      |background: #8b0024;">[[{{{tab2|}}}|<span style="color:white;">'''{{{title2|{{{tab2|}}}}}}''']]
  }}
  </div>
  |
}}
}}
{{#if: {{{tab3fullurl|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
  padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
  {{#ifeq: {{{currenttab|}}} | 3
      |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab3fullurl|}}}
      |background: #8b0024;">{{{tab3fullurl|}}}
  }}
  </div>
  |{{#if: {{{tab3|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
    <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
    padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
    {{#ifeq: {{{currenttab|}}} | 3
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab3|}}}|<span style="color:black;">'''{{{title3|{{{tab3|}}}}}}''']]
      |background: #8b0024;">[[{{{tab3|}}}|<span style="color:white;">'''{{{title3|{{{tab3|}}}}}}''']]
  }}
  </div>
  |
}}
}}
{{#if: {{{tab4fullurl|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
  padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
  {{#ifeq: {{{currenttab|}}} | 4
      |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab4fullurl|}}}
      |background: #8b0024;">{{{tab4fullurl|}}}
  }}
  </div>
  |{{#if: {{{tab4|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
    <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
    padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
    {{#ifeq: {{{currenttab|}}} | 4
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab4|}}}|<span style="color:black;">'''{{{title4|{{{tab4|}}}}}}''']]
      |background: #8b0024;">[[{{{tab4|}}}|<span style="color:white;">'''{{{title4|{{{tab4|}}}}}}''']]
  }}
  </div>
  |
}}
}}
{{#if: {{{tab5fullurl|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
  padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
  {{#ifeq: {{{currenttab|}}} | 5
      |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab5fullurl|}}}
      |background: #8b0024;">{{{tab5fullurl|}}}
  }}
  </div>
  |{{#if: {{{tab5|}}}
  |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
    <div style="width:15%; height: 38px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;
    padding-top:7px; border-top-left-radius: 15px; border-top-right-radius: 15px;line-height: 30px;
    {{#ifeq: {{{currenttab|}}} | 5
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab5|}}}|<span style="color:black;">'''{{{title1|{{{tab5|}}}}}}''']]
      |background: #8b0024;">[[{{{tab5|}}}|<span style="color:white;">'''{{{title5|{{{tab5|}}}}}}''']]
  }}
  </div>
  |
}}
}}
}}
</div>
</div>
|}}
{| class="vmobile noexcerpt" style="background: #8b0024;"
{{#if: {{{tab2}}}
|style="text-align: center; height: 50px;" |{{#if: {{{tab1fullurl|}}}
|<div style="width:4px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
  |{{{tab1fullurl}}}
<div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center; padding-top:7px;
  |{{#if: {{{tab1|}}}
{{#ifeq: {{{currenttab|}}} | 2
      |{{#ifeq: {{{currenttab|}}} | 1
|border-bottom: 5px solid #ffffff; background: #ffffff;">
        |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:black;">'''{{{title1|{{{tab1|}}}}}}''']]}}}
{{#if: {{{tab2url}}}|{{{tab2url}}}|{{#if: {{{tab2text}}}|[[{{{tab2}}}|<span style="color:black;">'''{{{tab2text}}}''']]|[[{{{tab2}}}|<span style="color:black;">'''{{{tab2}}}''']]}}}}
        |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:white;">'''{{{title1|{{{tab1|}}}}}}''']]}}}
|background: #8b0024;">
      }}
{{#if: {{{tab2url}}}|{{{tab2url}}}|{{#if: {{{tab2text}}}|[[{{{tab2}}}|<span style="color:white;">'''{{{tab2text}}}''']]|[[{{{tab2}}}|<span style="color:white;">'''{{{tab2}}}''']]}}}}
      |
  }}
}}
|style="text-align: center; height: 50px;" |{{#if: {{{tab2fullurl|}}}
  |{{{tab2fullurl}}}
  |{{#if: {{{tab2|}}}
      |{{#ifeq: {{{currenttab|}}} | 2
        |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:black;">'''{{{title2|{{{tab2|}}}}}}''']]}}}
        |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:white;">'''{{{title2|{{{tab2|}}}}}}''']]}}}
      }}
      |
  }}
}}
}}
</div>
|style="text-align: center; height: 50px;" |{{#if: {{{tab3fullurl|}}}
|}}
  |{{{tab3fullurl}}}
{{#if: {{{tab3}}}
  |{{#if: {{{tab3|}}}
|<div style="width:4px; height: 50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
      |{{#ifeq: {{{currenttab|}}} | 3
<div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center; padding-top:7px;
        |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:black;">'''{{{title3|{{{tab3|}}}}}}''']]}}}
{{#ifeq: {{{currenttab|}}} | 3
        |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:white;">'''{{{title3|{{{tab3|}}}}}}''']]}}}
|border-bottom: 5px solid #ffffff; background: #ffffff;">
      }}
{{#if: {{{tab3url}}}|{{{tab3url}}}|{{#if: {{{tab3text}}}|[[{{{tab3}}}|<span style="color:black;">'''{{{tab3text}}}''']]|[[{{{tab3}}}|<span style="color:black;">'''{{{tab3}}}''']]}}}}
      |
|background: #8b0024;">
  }}
{{#if: {{{tab3url}}}|{{{tab3url}}}|{{#if: {{{tab3text}}}|[[{{{tab3}}}|<span style="color:white;">'''{{{tab3text}}}''']]|[[{{{tab3}}}|<span style="color:white;">'''{{{tab3}}}''']]}}}}
}}
}}
</div>
|class="vdesktop" style="text-align: center; height: 50px;" |{{#if: {{{tab4fullurl|}}}
|}}
  |{{{tab4fullurl}}}
{{#if: {{{tab4}}}
  |{{#if: {{{tab4|}}}
|<div style="width:4px; height: 50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
      |{{#ifeq: {{{currenttab|}}} | 4
<div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center; padding-top:7px;  
        |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:black;">'''{{{title4|{{{tab4|}}}}}}''']]}}}
{{#ifeq: {{{currenttab|}}} | 4
        |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:white;">'''{{{title4|{{{tab4|}}}}}}''']]}}}
|border-bottom: 5px solid #ffffff; background: #ffffff;">
      }}
{{#if: {{{tab4url}}}|{{{tab4url}}}|{{#if: {{{tab4text}}}|[[{{{tab4}}}|<span style="color:black;">'''{{{tab4text}}}''']]|[[{{{tab4}}}|<span style="color:black;">'''{{{tab4}}}''']]}}}}
      |
|background: #8b0024;">
  }}
{{#if: {{{tab4url}}}|{{{tab4url}}}|{{#if: {{{tab4text}}}|[[{{{tab4}}}|<span style="color:white;">'''{{{tab4text}}}''']]|[[{{{tab4}}}|<span style="color:white;">'''{{{tab4}}}''']]}}}}
}}
}}
</div>
|class="vdekstop" style="text-align: center; height: 50px;" |{{#if: {{{tab5fullurl|}}}
|}}
  |{{{tab5fullurl}}}
{{#if: {{{tab5}}}
  |{{#if: {{{tab5|}}}
|<div style="width:4px; height: 50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
      |{{#ifeq: {{{currenttab|}}} | 5
<div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center; padding-top:7px;  
        |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:black;">'''{{{title5|{{{tab5|}}}}}}''']]}}}
{{#ifeq: {{{currenttab|}}} | 5
        |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:white;">'''{{{title5|{{{tab5|}}}}}}''']]}}}
|border-bottom: 5px solid #ffffff; background: #ffffff;">
      }}
{{#if: {{{tab5url}}}|{{{tab5url}}}|{{#if: {{{tab5text}}}|[[{{{tab5}}}|<span style="color:black;">'''{{{tab5text}}}''']]|[[{{{tab5}}}|<span style="color:black;">'''{{{tab5}}}''']]}}}}
      |
|background: #8b0024;">
  }}
{{#if: {{{tab5url}}}|{{{tab5url}}}|{{#if: {{{tab5text}}}|[[{{{tab5}}}|<span style="color:white;">'''{{{tab5text}}}''']]|[[{{{tab5}}}|<span style="color:white;">'''{{{tab5}}}''']]}}}}
}}
}}
</div>
|}}
</div>
{| class="phoneonly pagetabs"
| style="text-align: center; width: 290px; height: 50px; " |{{#if: {{{tab1}}}|{{#ifeq: {{{currenttab|}}} | 1 |{{#if: {{{tab1url}}}|{{{tab1url}}}|{{#if: {{{tab1text}}}|[[{{{tab1}}}|<span style="color:black;">'''{{{tab1text}}}''']]|[[{{{tab1}}}|<span style="color:black;">'''{{{tab1}}}''']]}}}}|{{#if: {{{tab1url}}}|{{{tab1url}}}|{{#if: {{{tab1text}}}|[[{{{tab1}}}|<span style="color:white;">'''{{{tab1text}}}''']]|[[{{{tab1}}}|<span style="color:white;">'''{{{tab1}}}''']]}}}}}}|}}
| style="text-align: center; width: 290px; height: 50px; " |{{#if: {{{tab2}}}|{{#ifeq: {{{currenttab|}}} | 2 |{{#if: {{{tab2url}}}|{{{tab2url}}}|{{#if: {{{tab2text}}}|[[{{{tab2}}}|<span style="color:black;">'''{{{tab2text}}}''']]|[[{{{tab2}}}|<span style="color:black;">'''{{{tab2}}}''']]}}}}|{{#if: {{{tab2url}}}|{{{tab2url}}}|{{#if: {{{tab2text}}}|[[{{{tab2}}}|<span style="color:white;">'''{{{tab2text}}}''']]|[[{{{tab2}}}|<span style="color:white;">'''{{{tab2}}}''']]}}}}}}|}}
| style="text-align: center; width: 290px; height: 50px; " |{{#if: {{{tab3}}}|{{#ifeq: {{{currenttab|}}} | 3 |{{#if: {{{tab3url}}}|{{{tab3url}}}|{{#if: {{{tab3text}}}|[[{{{tab3}}}|<span style="color:black;">'''{{{tab3text}}}''']]|[[{{{tab3}}}|<span style="color:black;">'''{{{tab3}}}''']]}}}}|{{#if: {{{tab3url}}}|{{{tab3url}}}|{{#if: {{{tab3text}}}|[[{{{tab3}}}|<span style="color:white;">'''{{{tab3text}}}''']]|[[{{{tab3}}}|<span style="color:white;">'''{{{tab3}}}''']]}}}}}}|}}
| style="text-align: center; width: 290px; height: 50px; " |{{#if: {{{tab4}}}|{{#ifeq: {{{currenttab|}}} | 4 |{{#if: {{{tab4url}}}|{{{tab4url}}}|{{#if: {{{tab4text}}}|[[{{{tab4}}}|<span style="color:black;">'''{{{tab4text}}}''']]|[[{{{tab4}}}|<span style="color:black;">'''{{{tab4}}}''']]}}}}|{{#if: {{{tab4url}}}|{{{tab4url}}}|{{#if: {{{tab4text}}}|[[{{{tab4}}}|<span style="color:white;">'''{{{tab4text}}}''']]|[[{{{tab4}}}|<span style="color:white;">'''{{{tab4}}}''']]}}}}}}|}}
| style="text-align: center; width: 290px; height: 50px; " |{{#if: {{{tab5}}}|{{#ifeq: {{{currenttab|}}} | 5 |{{#if: {{{tab5url}}}|{{{tab5url}}}|{{#if: {{{tab5text}}}|[[{{{tab5}}}|<span style="color:black;">'''{{{tab5text}}}''']]|[[{{{tab5}}}|<span style="color:black;">'''{{{tab5}}}''']]}}}}|{{#if: {{{tab5url}}}|{{{tab5url}}}|{{#if: {{{tab5text}}}|[[{{{tab5}}}|<span style="color:white;">'''{{{tab5text}}}''']]|[[{{{tab5}}}|<span style="color:white;">'''{{{tab5}}}''']]}}}}}}|}}
|
|
|}
|}</includeonly><noinclude>
</includeonly>
{{pagetabs2
<noinclude>
|tab1           = Test
{{pagetabs
|tab2           = User:{{ROOTPAGENAME}}/Trophies
|tab1       = User:{{ROOTPAGENAME}}
|title2      = Trophies
|tab1text  = User Page
|tab3           = Special:Contributions/{{ROOTPAGENAME}}
|tab1url    =
|title3      = Contributions
|tab2       = User:{{ROOTPAGENAME}}/Trophies
|tab4           = Tab 4
|tab2text  = Trophies
|tab5fullurl   = Displaytext
|tab2url    =
|currenttab     = 2
|tab3       = Special:Contributions/{{ROOTPAGENAME}}
|tab3text  = Contributions
|tab3url    =
|tab4       = Tab 4
|tab4text  =
|tab4url    =
|tab5      = Tab 5
|tab5text  =
|tab5url   = Displaytext
|currenttab = 2
}}
}}
{{Interface template}} {{delete}}

Latest revision as of 11:22, 4 December 2023

Test Trophies Contributions Tab 4 Displaytext
Background Dragon Slayer - Retriever by Ironboundred