Dogcraft Wiki

Sandbox/Collapsible tabs - defunct

From Dogcraft Wiki

imported>Domino
No edit summary
m (Domino moved page Dogcraft Wiki:Sandbox2 to Dogcraft Wiki:Sandbox/Collapsible tabs - defunct without leaving a redirect)
 
(105 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="background:lightyellow;">
Test
<div style="background-color:silver; border-color:blue; border:10px; float:left;">
<div>
Button 1
<span class="varbutton mw-ui-button">Button<span class="vartest">Testtext</span></span>
</div>
</div>
<div style="background-color:gold; border-color:blue; border:10px; float:left;">
 
Button 2
<div class="inlinetab" style="background:lightblue;">
<span class="tabbutton1 mw-customtoggle-tab1" style="float:top;">Button 1</span><span class="tabbutton2 mw-customtoggle-tab2" style="float:top;">Button 2</span><span class="tabbutton3 mw-customtoggle-tab3" style="float:top;">Button 3</span><div class="tabspace1" style="float:bottom;">Test1</div><div class="tabspace2" style="float:bottom;">Test2</div><div class="tabspace3" style="float:bottom;">Test3</div>
</div>
</div>
<div style="background-color:silver; border-color:blue; border:10px; float:left;">
 
Button 3
<inputbox>
</div>
type=comment
<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
inline=yes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
break=no
</div>
</inputbox>
<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
</div>
<div style="background:lightblue;">
<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
<span class="mw-customtoggle-tab1 tbutton1" style="float:top;">Button 1</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<span class="mw-customtoggle-tab2 tbutton2" style="float:top;">Button 2</span>
<span class="mw-customtoggle-tab3 tbutton3" style="float:top;">Button 3</span>
<div class="mw-collapsible" id="mw-customcollapsible-tab1" style="float:bottom;">Test</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tab2" style="float:bottom;">Test</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tab3" style="float:bottom;">Test</div>
</div>
</div>
{{Tabs
|Button1 = Text
|Button2 = More text
|Button3 = Even more text
|Tab1 = Your first tab
|Tab2 = This color pallet needs changing
|Tab3 = Your last tab
}}
<noinclude>
{{Tabs
|Button1 = Text
|Button2 = More text
|Button3 = Even more text
|Tab1 = Your first tab
|Tab2 = This color pallet needs changing
|Tab3 = Your last tab
}}
<div class="inlinetab" style="background:lightblue;">
<span class="tabbutton1 mw-customtoggle-tab1" style="float:top;">-Button1-</span><span class="tabbutton2 mw-customtoggle-tab2" style="float:top;">-Button2-</span><span class="tabbutton3 mw-customtoggle-tab3" style="float:top;">-Button3-</span><div class="tabspace1" style="float:bottom;">Tab1</div><div class="tabspace2" style="float:bottom;">Tab2</div><div class="tabspace3" style="float:bottom;">Tab3</div>
</noinclude>
</div>
</div>
{{DiscordIntegrator
|id = 462673355997184011
|width = 300px
|height = 500px
}}

Latest revision as of 12:46, 5 June 2021

Test

ButtonTesttext

Button 1Button 2Button 3
Test1
Test2
Test3


Button 1 Button 2 Button 3

Test
Test
Test


TextMore textEven more text
Your first tab
This color pallet needs changing
Your last tab



TextMore textEven more text
Your first tab
This color pallet needs changing
Your last tab


-Button1--Button2--Button3-
Tab1
Tab2
Tab3

If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.

Background Dragon Slayer - Retriever by Ironboundred