Difference between revisions of "User talk:Zebragrrl"
User talk:Zebragrrl
Jump to navigation
Jump to search
| Line 18: | Line 18: | ||
== Title == |
== Title == |
||
This is some text explaining that this section is hidden. |
This is some text explaining that this section is hidden. |
||
| − | |||
<div style="text-align: center;" class="mw-customtoggle-myDivision">🔻 <u>Click for info</u> 🔻</div> |
<div style="text-align: center;" class="mw-customtoggle-myDivision">🔻 <u>Click for info</u> 🔻</div> |
||
| − | |||
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> |
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> |
||
| − | |||
Hidden text is revealed! |
Hidden text is revealed! |
||
| − | |||
</div> |
</div> |
||
</pre> |
</pre> |
||
| Line 42: | Line 38: | ||
''' Title ''' |
''' Title ''' |
||
This section is shown by default, but can be hidden |
This section is shown by default, but can be hidden |
||
| − | |||
<div style="text-align: center;" class="mw-customtoggle-myDivision2">🔻 <u>Click for info</u> 🔻</div> |
<div style="text-align: center;" class="mw-customtoggle-myDivision2">🔻 <u>Click for info</u> 🔻</div> |
||
| − | |||
<div class="mw-collapsible" id="mw-customcollapsible-myDivision2" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> |
<div class="mw-collapsible" id="mw-customcollapsible-myDivision2" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> |
||
| − | |||
Hidden text is revealed! |
Hidden text is revealed! |
||
| − | |||
</div> |
</div> |
||
</pre> |
</pre> |
||
| Line 58: | Line 50: | ||
</div> |
</div> |
||
| + | <pre> |
||
| − | + | <div style="border: 1px solid black; text-align: center; background: repeating-linear-gradient(134.8deg, #ffcc00, #ffcc00 20px, #555555 20px, #555555 40px);"> |
|
<span style="border: 1px solid black; background: white; padding: 4px 10px;"> 🚨 '''This page is under construction''' 🚨 </span> |
<span style="border: 1px solid black; background: white; padding: 4px 10px;"> 🚨 '''This page is under construction''' 🚨 </span> |
||
| − | </div |
+ | </div> |
| + | </pre> |
||
Revision as of 13:39, 19 September 2019
Useful Wiki Formatting/CSS Examples
Hide/Show page section
Title This is some text explaining that this section is hidden.
🔻 Click for info 🔻
Hidden text is revealed!
== Title == This is some text explaining that this section is hidden. <div style="text-align: center;" class="mw-customtoggle-myDivision">🔻 <u>Click for info</u> 🔻</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> Hidden text is revealed! </div>
Title This section is shown by default, but can be hidden
🔻 Click for info 🔻
Hidden text is revealed!
''' Title ''' This section is shown by default, but can be hidden <div style="text-align: center;" class="mw-customtoggle-myDivision2">🔻 <u>Click for info</u> 🔻</div> <div class="mw-collapsible" id="mw-customcollapsible-myDivision2" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;"> Hidden text is revealed! </div>
Under Construction Bar
🚨 This page is under construction 🚨
<div style="border: 1px solid black; text-align: center; background: repeating-linear-gradient(134.8deg, #ffcc00, #ffcc00 20px, #555555 20px, #555555 40px);"> <span style="border: 1px solid black; background: white; padding: 4px 10px;"> 🚨 '''This page is under construction''' 🚨 </span> </div>