Template
Interface template

Pagetabs2

From Dogcraft Wiki

(Sorting out the way the markup looks, improving readablity)
mNo edit summary
 
(13 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: {{{tab1link}}}
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   <div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   <div style="width:15%; height: 38px; 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: {{{tab1fullurl}}}
      |background: #8b0024;">{{{tab1fullurl|}}}
        |{{{tab1fullurl}}}
  }}
        |{{#if: {{{tab1text}}}
  </div>
            |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1text}}}''']]
  |{{#if: {{{tab1|}}}
            |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1link}}}''']]
  |<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;
      |background: #8b0024;">
    {{#ifeq: {{{currenttab|}}} | 1
      {{#if: {{{tab1fullurl}}}
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab1|}}}|<span style="color:black;">'''{{{title1|{{{tab1|}}}}}}''']]
        |{{{tab1fullurl}}}
      |background: #8b0024;">[[{{{tab1|}}}|<span style="color:white;">'''{{{title1|{{{tab1|}}}}}}''']]
        |{{#if: {{{tab1text}}}
            |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1text}}}''']]
            |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab2link}}}
}}
{{#if: {{{tab2fullurl|}}}
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   <div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   <div style="width:15%; height:38px; 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|}}} | 2
   {{#ifeq: {{{currenttab|}}} | 2
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab2fullurl|}}}
      {{#if: {{{tab2fullurl}}}
      |background: #8b0024;">{{{tab2fullurl|}}}
        |{{{tab2fullurl}}}
  }}
        |{{#if: {{{tab2text}}}
  </div>
            |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2text}}}''']]
  |{{#if: {{{tab2|}}}
            |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2link}}}''']]
  |<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;
      |background: #8b0024;">
    {{#ifeq: {{{currenttab|}}} | 2
      {{#if: {{{tab2fullurl}}}
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab2|}}}|<span style="color:black;">'''{{{title2|{{{tab2|}}}}}}''']]
        |{{{tab2fullurl}}}
      |background: #8b0024;">[[{{{tab2|}}}|<span style="color:white;">'''{{{title2|{{{tab2|}}}}}}''']]
        |{{#if: {{{tab2text}}}
            |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2text}}}''']]
            |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab3link}}}
}}
{{#if: {{{tab3fullurl|}}}
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   <div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   <div style="width:15%; height: 38px; 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|}}} | 3
   {{#ifeq: {{{currenttab|}}} | 3
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab3fullurl|}}}
      {{#if: {{{tab3fullurl}}}
      |background: #8b0024;">{{{tab3fullurl|}}}
        |{{{tab3fullurl}}}
  }}
        |{{#if: {{{tab3text}}}
  </div>
            |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3text}}}''']]
  |{{#if: {{{tab3|}}}
            |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3link}}}''']]
  |<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;
      |background: #8b0024;">
    {{#ifeq: {{{currenttab|}}} | 3
      {{#if: {{{tab3fullurl}}}
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab3|}}}|<span style="color:black;">'''{{{title3|{{{tab3|}}}}}}''']]
        |{{{tab3fullurl}}}
      |background: #8b0024;">[[{{{tab3|}}}|<span style="color:white;">'''{{{title3|{{{tab3|}}}}}}''']]
        |{{#if: {{{tab3text}}}
            |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3text}}}''']]
            |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab4link}}}
}}
{{#if: {{{tab4fullurl|}}}
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   <div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   <div style="width:15%; height: 38px; 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|}}} | 4
   {{#ifeq: {{{currenttab|}}} | 4
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab4fullurl|}}}
      {{#if: {{{tab4fullurl}}}
      |background: #8b0024;">{{{tab4fullurl|}}}
        |{{{tab4fullurl}}}
  }}
        |{{#if: {{{tab4text}}}
  </div>
            |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4text}}}''']]
  |{{#if: {{{tab4|}}}
            |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4link}}}''']]
  |<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;
      |background: #8b0024;">
    {{#ifeq: {{{currenttab|}}} | 4
      {{#if: {{{tab4fullurl}}}
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab4|}}}|<span style="color:black;">'''{{{title4|{{{tab4|}}}}}}''']]
        |{{{tab4fullurl}}}
      |background: #8b0024;">[[{{{tab4|}}}|<span style="color:white;">'''{{{title4|{{{tab4|}}}}}}''']]
        |{{#if: {{{tab1text}}}
            |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4text}}}''']]
            |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab5link}}}
}}
{{#if: {{{tab5fullurl|}}}
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   |<div style="width:5px; height:50px; border-bottom: 5px solid #8b0024; background: #ffffff; float:left;"></div>
   <div style="width:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   <div style="width:15%; height: 38px; 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|}}} | 5
   {{#ifeq: {{{currenttab|}}} | 5
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab5fullurl|}}}
      {{#if: {{{tab5fullurl}}}
      |background: #8b0024;">{{{tab5fullurl|}}}
        |{{{tab5fullurl}}}
  }}
        |{{#if: {{{tab5text}}}
  </div>
            |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5text}}}''']]
  |{{#if: {{{tab5|}}}
            |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5link}}}''']]
  |<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;
      |background: #8b0024;">
    {{#ifeq: {{{currenttab|}}} | 5
      {{#if: {{{tab5fullurl}}}
      |border-bottom: 5px solid #ffffff; background: #ffffff;">[[{{{tab5|}}}|<span style="color:black;">'''{{{title1|{{{tab5|}}}}}}''']]
        |{{{tab5fullurl}}}
      |background: #8b0024;">[[{{{tab5|}}}|<span style="color:white;">'''{{{title5|{{{tab5|}}}}}}''']]
        |{{#if: {{{tab1text}}}
            |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5text}}}''']]
            |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
}}
</div>
</div>
 
{| class="vmobile noexcerpt" style="background: #8b0024;"
 
|style="text-align: center; height: 50px;" |{{#if: {{{tab1fullurl|}}}
{| class="phoneonly pagetabs"
  |{{{tab1fullurl}}}
|style="text-align: center; width: 290px; height: 50px;"  
   |{{#if: {{{tab1|}}}
   |{{#if: {{{tab1link}}}
       |{{#ifeq: {{{currenttab|}}} | 1  
       |{{#ifeq: {{{currenttab|}}} | 1  
         |{{#if: {{{tab1fullurl}}}
         |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:black;">'''{{{title1|{{{tab1|}}}}}}''']]}}}
            |{{{tab1fullurl}}}
         |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:white;">'''{{{title1|{{{tab1|}}}}}}''']]}}}
            |{{#if: {{{tab1text}}}
              |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1text}}}''']]
              |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1link}}}''']]
            }}
          }}
         |{{#if: {{{tab1fullurl}}}
            |{{{tab1fullurl}}}
            |{{#if: {{{tab1text}}}
              |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1text}}}''']]
              |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1link}}}''']]
            }}
          }}
       }}
       }}
  |
      |
   }}
   }}
|style="text-align: center; width: 290px; height: 50px;"  
}}
   |{{#if: {{{tab2link}}}
|style="text-align: center; height: 50px;" |{{#if: {{{tab2fullurl|}}}
  |{{{tab2fullurl}}}
   |{{#if: {{{tab2|}}}
       |{{#ifeq: {{{currenttab|}}} | 2  
       |{{#ifeq: {{{currenttab|}}} | 2  
         |{{#if: {{{tab2fullurl}}}
         |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:black;">'''{{{title2|{{{tab2|}}}}}}''']]}}}
            |{{{tab2fullurl}}}
         |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:white;">'''{{{title2|{{{tab2|}}}}}}''']]}}}
            |{{#if: {{{tab2text}}}
              |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2text}}}''']]
              |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2link}}}''']]
            }}
          }}
         |{{#if: {{{tab2fullurl}}}
            |{{{tab2fullurl}}}
            |{{#if: {{{tab2text}}}
              |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2text}}}''']]
              |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2link}}}''']]
            }}
          }}
       }}
       }}
  |
      |
   }}
   }}
|style="text-align: center; width: 290px; height: 50px;"  
}}
   |{{#if: {{{tab3link}}}
|style="text-align: center; height: 50px;" |{{#if: {{{tab3fullurl|}}}
  |{{{tab3fullurl}}}
   |{{#if: {{{tab3|}}}
       |{{#ifeq: {{{currenttab|}}} | 3  
       |{{#ifeq: {{{currenttab|}}} | 3  
         |{{#if: {{{tab3fullurl}}}
         |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:black;">'''{{{title3|{{{tab3|}}}}}}''']]}}}
            |{{{tab3fullurl}}}
         |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:white;">'''{{{title3|{{{tab3|}}}}}}''']]}}}
            |{{#if: {{{tab3text}}}
              |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3text}}}''']]
              |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3link}}}''']]
            }}
          }}
         |{{#if: {{{tab3fullurl}}}
            |{{{tab3fullurl}}}
            |{{#if: {{{tab3text}}}
              |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3text}}}''']]
              |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3link}}}''']]
            }}
          }}
       }}
       }}
  |
      |
   }}
   }}
|style="text-align: center; width: 290px; height: 50px;"  
}}
   |{{#if: {{{tab4link}}}
|class="vdesktop" style="text-align: center; height: 50px;" |{{#if: {{{tab4fullurl|}}}
  |{{{tab4fullurl}}}
   |{{#if: {{{tab4|}}}
       |{{#ifeq: {{{currenttab|}}} | 4  
       |{{#ifeq: {{{currenttab|}}} | 4  
         |{{#if: {{{tab4fullurl}}}
         |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:black;">'''{{{title4|{{{tab4|}}}}}}''']]}}}
            |{{{tab4fullurl}}}
         |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:white;">'''{{{title4|{{{tab4|}}}}}}''']]}}}
            |{{#if: {{{tab4text}}}
              |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4text}}}''']]
              |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4link}}}''']]
            }}
          }}
         |{{#if: {{{tab4fullurl}}}
            |{{{tab4fullurl}}}
            |{{#if: {{{tab4text}}}
              |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4text}}}''']]
              |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4link}}}''']]
            }}
          }}
       }}
       }}
  |
      |
   }}
   }}
|style="text-align: center; width: 290px; height: 50px;"  
}}
   |{{#if: {{{tab5link}}}
|class="vdekstop" style="text-align: center; height: 50px;" |{{#if: {{{tab5fullurl|}}}
  |{{{tab5fullurl}}}
   |{{#if: {{{tab5|}}}
       |{{#ifeq: {{{currenttab|}}} | 5  
       |{{#ifeq: {{{currenttab|}}} | 5  
         |{{#if: {{{tab5fullurl}}}
         |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:black;">'''{{{title5|{{{tab5|}}}}}}''']]}}}
            |{{{tab5fullurl}}}
         |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:white;">'''{{{title5|{{{tab5|}}}}}}''']]}}}
            |{{#if: {{{tab5text}}}
              |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5text}}}''']]
              |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5link}}}''']]
            }}
          }}
         |{{#if: {{{tab5fullurl}}}
            |{{{tab5fullurl}}}
            |{{#if: {{{tab5text}}}
              |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5text}}}''']]
              |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5link}}}''']]
            }}
          }}
       }}
       }}
  |
      |
   }}
   }}
}}
|
|
|}
|}</includeonly><noinclude>
</includeonly>
{{pagetabs2
<noinclude>
|tab1          = Test
{{pagetabs
|tab2          = User:{{ROOTPAGENAME}}/Trophies
|tab1link      = User:{{ROOTPAGENAME}}
|title2       = Trophies
|tab1text      = User Page
|tab3          = Special:Contributions/{{ROOTPAGENAME}}
|tab1fullurl    =
|title3       = Contributions
|tab2link      = User:{{ROOTPAGENAME}}/Trophies
|tab4          = Tab 4
|tab2text       = Trophies
|tab2fullurl    =
|tab3link      = Special:Contributions/{{ROOTPAGENAME}}
|tab3text       = Contributions
|tab3fullurl    =
|tab4link      = Tab 4
|tab4text      =
|tab4fullurl    =
|tab5link      = Tab 5
|tab5text      =
|tab5fullurl    = Displaytext
|tab5fullurl    = Displaytext
|currenttab    = 2
|currenttab    = 2
}}
}}
{{Interface template}} {{delete}}

Latest revision as of 11:22, 4 December 2023

Test Trophies Contributions Tab 4 Displaytext