Template

Pagetabs2

From Dogcraft Wiki

(Sorting out the way the markup looks, improving readablity)
No edit summary
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="nophone" style="width:100%; height: 50px; border-bottom: 5px solid #8b0024;">
<div class="nophone" style="width:100%; height: 50px; border-bottom: 5px solid #8b0024;">
{{#if: {{{tab1link}}}
{{#if: {{{tab1|}}}
   |<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:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   padding-top:7px;  
   padding-top:7px;  
   {{#ifeq: {{{currenttab|}}} | 1
   {{#ifeq: {{{currenttab|}}} | 1
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:black;">'''{{{tab1text|{{{tab1|}}}}}}''']]}}}
      {{#if: {{{tab1fullurl}}}
       |background: #8b0024;">{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:white;">'''{{{tab1text|{{{tab1|}}}}}}''']]}}}
        |{{{tab1fullurl}}}
        |{{#if: {{{tab1text}}}
            |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1text}}}''']]
            |[[{{{tab1link}}}|<span style="color:black;">'''{{{tab1link}}}''']]
          }}
      }}
       |background: #8b0024;">
      {{#if: {{{tab1fullurl}}}
        |{{{tab1fullurl}}}
        |{{#if: {{{tab1text}}}
            |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1text}}}''']]
            |[[{{{tab1link}}}|<span style="color:white;">'''{{{tab1link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab2link}}}
{{#if: {{{tab2|}}}
   |<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:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   padding-top:7px;  
   padding-top:7px;  
   {{#ifeq: {{{currenttab|}}} | 2
   {{#ifeq: {{{currenttab|}}} | 2
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:black;">'''{{{tab2text|{{{tab2|}}}}}}''']]}}}
      {{#if: {{{tab2fullurl}}}
       |background: #8b0024;">{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:white;">'''{{{tab2text|{{{tab2|}}}}}}''']]}}}
        |{{{tab2fullurl}}}
        |{{#if: {{{tab2text}}}
            |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2text}}}''']]
            |[[{{{tab2link}}}|<span style="color:black;">'''{{{tab2link}}}''']]
          }}
      }}
       |background: #8b0024;">
      {{#if: {{{tab2fullurl}}}
        |{{{tab2fullurl}}}
        |{{#if: {{{tab2text}}}
            |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2text}}}''']]
            |[[{{{tab2link}}}|<span style="color:white;">'''{{{tab2link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab3link}}}
{{#if: {{{tab3|}}}
   |<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:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   padding-top:7px;  
   padding-top:7px;  
   {{#ifeq: {{{currenttab|}}} | 3
   {{#ifeq: {{{currenttab|}}} | 3
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:black;">'''{{{tab3text|{{{tab3|}}}}}}''']]}}}
      {{#if: {{{tab3fullurl}}}
       |background: #8b0024;">{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:white;">'''{{{tab3text|{{{tab3|}}}}}}''']]}}}
        |{{{tab3fullurl}}}
        |{{#if: {{{tab3text}}}
            |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3text}}}''']]
            |[[{{{tab3link}}}|<span style="color:black;">'''{{{tab3link}}}''']]
          }}
      }}
       |background: #8b0024;">
      {{#if: {{{tab3fullurl}}}
        |{{{tab3fullurl}}}
        |{{#if: {{{tab3text}}}
            |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3text}}}''']]
            |[[{{{tab3link}}}|<span style="color:white;">'''{{{tab3link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab4link}}}
{{#if: {{{tab4|}}}
   |<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:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   padding-top:7px;  
   padding-top:7px;  
   {{#ifeq: {{{currenttab|}}} | 4
   {{#ifeq: {{{currenttab|}}} | 4
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:black;">'''{{{tab4text|{{{tab4|}}}}}}''']]}}}
      {{#if: {{{tab4fullurl}}}
       |background: #8b0024;">{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:white;">'''{{{tab4text|{{{tab4|}}}}}}''']]}}}
        |{{{tab4fullurl}}}
        |{{#if: {{{tab4text}}}
            |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4text}}}''']]
            |[[{{{tab4link}}}|<span style="color:black;">'''{{{tab4link}}}''']]
          }}
      }}
       |background: #8b0024;">
      {{#if: {{{tab4fullurl}}}
        |{{{tab4fullurl}}}
        |{{#if: {{{tab1text}}}
            |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4text}}}''']]
            |[[{{{tab4link}}}|<span style="color:white;">'''{{{tab4link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
   |
   |
}}
}}
{{#if: {{{tab5link}}}
{{#if: {{{tab5|}}}
   |<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:19%; height: 50px; border-style:solid; border-color: #8b0024; border-width: 5px; float:left; text-align:center;  
   padding-top:7px;  
   padding-top:7px;  
   {{#ifeq: {{{currenttab|}}} | 5
   {{#ifeq: {{{currenttab|}}} | 5
       |border-bottom: 5px solid #ffffff; background: #ffffff;">
       |border-bottom: 5px solid #ffffff; background: #ffffff;">{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:black;">'''{{{tab5text|{{{tab5|}}}}}}''']]}}}
      {{#if: {{{tab5fullurl}}}
       |background: #8b0024;">{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:white;">'''{{{tab1text|{{{tab5|}}}}}}''']]}}}
        |{{{tab5fullurl}}}
        |{{#if: {{{tab5text}}}
            |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5text}}}''']]
            |[[{{{tab5link}}}|<span style="color:black;">'''{{{tab5link}}}''']]
          }}
      }}
       |background: #8b0024;">
      {{#if: {{{tab5fullurl}}}
        |{{{tab5fullurl}}}
        |{{#if: {{{tab1text}}}
            |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5text}}}''']]
            |[[{{{tab5link}}}|<span style="color:white;">'''{{{tab5link}}}''']]
          }}
      }}
   }}
   }}
   </div>
   </div>
Line 130: Line 60:


{| class="phoneonly pagetabs"
{| class="phoneonly pagetabs"
|style="text-align: center; width: 290px; height: 50px;"  
|style="text-align: center; height: 50px;" |{{#if: {{{tab1|}}}
  |{{#if: {{{tab1link}}}
       |{{#ifeq: {{{currenttab|}}} | 1  
       |{{#ifeq: {{{currenttab|}}} | 1  
         |{{#if: {{{tab1fullurl}}}
         |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:black;">'''{{{tab1text|{{{tab1|}}}}}}''']]}}}
            |{{{tab1fullurl}}}
         |{{{tab1fullurl|[[{{{tab1|}}}|<span style="color:white;">'''{{{tab1text|{{{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;"  
|style="text-align: center; height: 50px;" |{{#if: {{{tab2|}}}
  |{{#if: {{{tab2link}}}
       |{{#ifeq: {{{currenttab|}}} | 2  
       |{{#ifeq: {{{currenttab|}}} | 2  
         |{{#if: {{{tab2fullurl}}}
         |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:black;">'''{{{tab2text|{{{tab2|}}}}}}''']]}}}
            |{{{tab2fullurl}}}
         |{{{tab2fullurl|[[{{{tab2|}}}|<span style="color:white;">'''{{{tab2text|{{{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;"  
|style="text-align: center; height: 50px;" |{{#if: {{{tab3|}}}
  |{{#if: {{{tab3link}}}
       |{{#ifeq: {{{currenttab|}}} | 3  
       |{{#ifeq: {{{currenttab|}}} | 3  
         |{{#if: {{{tab3fullurl}}}
         |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:black;">'''{{{tab3text|{{{tab3|}}}}}}''']]}}}
            |{{{tab3fullurl}}}
         |{{{tab3fullurl|[[{{{tab3|}}}|<span style="color:white;">'''{{{tab3text|{{{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;"  
|style="text-align: center; height: 50px;" |{{#if: {{{tab4|}}}
  |{{#if: {{{tab4link}}}
       |{{#ifeq: {{{currenttab|}}} | 4  
       |{{#ifeq: {{{currenttab|}}} | 4  
         |{{#if: {{{tab4fullurl}}}
         |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:black;">'''{{{tab4text|{{{tab4|}}}}}}''']]}}}
            |{{{tab4fullurl}}}
         |{{{tab4fullurl|[[{{{tab4|}}}|<span style="color:white;">'''{{{tab4text|{{{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;"  
|style="text-align: center; height: 50px;" |{{#if: {{{tab5|}}}
  |{{#if: {{{tab5link}}}
       |{{#ifeq: {{{currenttab|}}} | 5  
       |{{#ifeq: {{{currenttab|}}} | 5  
         |{{#if: {{{tab5fullurl}}}
         |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:black;">'''{{{tab5text|{{{tab5|}}}}}}''']]}}}
            |{{{tab5fullurl}}}
         |{{{tab5fullurl|[[{{{tab5|}}}|<span style="color:white;">'''{{{tab5text|{{{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>
</includeonly>
<noinclude>
<noinclude>
{{pagetabs
{{pagetabs2
|tab1link       = User:{{ROOTPAGENAME}}
|tab1       = User:{{ROOTPAGENAME}}
|tab1text      = User Page
|tab1fullurl    = Test
|tab1fullurl    =
|tab2       = User:{{ROOTPAGENAME}}/Trophies
|tab2link       = User:{{ROOTPAGENAME}}/Trophies
|tab2text      = Trophies
|tab2text      = Trophies
|tab2fullurl    =
|tab3       = Special:Contributions/{{ROOTPAGENAME}}
|tab3link       = Special:Contributions/{{ROOTPAGENAME}}
|tab3text      = Contributions
|tab3text      = Contributions
|tab3fullurl    =
|tab4          = Tab 4
|tab4link      = Tab 4
|tab5      = Tab 5
|tab4text      =
|tab4fullurl    =
|tab5link      = Tab 5
|tab5text      =
|tab5text      =
|tab5fullurl    = Displaytext
|tab5fullurl    = Displaytext
|currenttab    = 2
|currenttab    = 2
}}
}}

Revision as of 01:00, 23 April 2020


Test
Displaytext


Test Trophies Contributions Tab 4 Displaytext


This page was last modified on 23 April 2020, at 01:00. (11 months ago)