|
|
| Line 1: |
Line 1: |
| − | [scribd id=79483330 key=key-22v17qp640ph4fct0s1k mode=list]
| + | #REDIRECT [[About Tutorials]] |
| − | | + | |
| − | ----
| + | |
| − | <font size=3><font color=#B0C4DE><div class="mw-customtoggle-myDivision" style="font:#000000";>'''⇒ cPanel'''</div></font>
| + | |
| − |
| + | |
| − | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
| + | |
| − | <div class="mw-collapsible-content mw-collapsed">
| + | |
| − | [[What is cPanel]] | + | |
| − | | + | |
| − | [[cPanel overview]]
| + | |
| − | | + | |
| − | [[Getting started]]
| + | |
| − | | + | |
| − | [[Domain issues]]
| + | |
| − | | + | |
| − | [[DNS]]
| + | |
| − | | + | |
| − | [[Mail]]
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | <font size=3><font color=#B0C4DE><div class="mw-customtoggle-myDivision1" style="font:#000000";>'''⇒ Fantastico'''</div></font>
| + | |
| − |
| + | |
| − | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision1">
| + | |
| − | <div class=" mw-collapsible-content">
| + | |
| − | | + | |
| − | [[Fantastico Overview]]
| + | |
| − | | + | |
| − | [[Wordpress]]
| + | |
| − | | + | |
| − | [[Joomla]]
| + | |
| − | | + | |
| − | [[Drupal]]
| + | |
| − | | + | |
| − | [[Online shop]]
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="mw-customtoggle-myDivision2" style="font:#000000";>'''⇒ Site Builder'''</div>
| + | |
| − |
| + | |
| − | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision2">
| + | |
| − | <div class=" mw-collapsible-content">
| + | |
| − | [[Sitebuilder and Templates]]
| + | |
| − | | + | |
| − | [[Site Builder overview]]
| + | |
| − | | + | |
| − | [[How to reset password]]
| + | |
| − | | + | |
| − | [[Site Builder for addon domain]]
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | = Test suite for mw-collapsible =
| + | |
| − | __NOTOC__
| + | |
| − | | + | |
| − | __NEWSECTIONLINK__
| + | |
| − | | + | |
| − | <big>''' Collapsible div '''</big>
| + | |
| − | ----
| + | |
| − | <div class="mw-collapsible" data-collapsetext="You may collapse me by clicking here" data-expandtext="Let me back out !">
| + | |
| − | {{User:Krinkle/Lorem}}
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Collapsible div (collapsed by default) '''</big>
| + | |
| − | ----
| + | |
| − | <div class="mw-collapsible mw-collapsed">
| + | |
| − | {{User:Krinkle/Lorem}}
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big id="head-colapsible_div_nested_in_collapsed_div">''' Collapsible div nested in collapsed div '''</big>
| + | |
| − | ----
| + | |
| − | <div class="mw-collapsible mw-collapsed">
| + | |
| − | Hi there this is text in the outer div.
| + | |
| − | <div class="mw-collapsible" style="background:#eee">
| + | |
| − | This content is inside the nested collapsible div.
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big id="head-collapsible_table">''' Collapsible table '''</big>
| + | |
| − | ----
| + | |
| − | {| class="wikitable sortable mw-collapsible"
| + | |
| − | ! Hello
| + | |
| − | ! World
| + | |
| − | |-
| + | |
| − | | Content
| + | |
| − | | Goes
| + | |
| − | |-
| + | |
| − | | In
| + | |
| − | | Here
| + | |
| − | |}
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Collapsible table (collapsed by default) '''</big>
| + | |
| − | ----
| + | |
| − | {| class="wikitable mw-collapsible mw-collapsed"
| + | |
| − | ! Hello
| + | |
| − | ! World
| + | |
| − | |-
| + | |
| − | | Content
| + | |
| − | | Goes
| + | |
| − | |-
| + | |
| − | | In
| + | |
| − | | Here
| + | |
| − | |}
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Collapsible table in collapsed div '''</big>
| + | |
| − | ----
| + | |
| − | <div class="mw-collapsible mw-collapsed">
| + | |
| − | Some text in the div here.
| + | |
| − | {| class="wikitable sortable mw-collapsible"
| + | |
| − | ! Hello
| + | |
| − | ! World
| + | |
| − | |-
| + | |
| − | | Content
| + | |
| − | | Goes
| + | |
| − | |-
| + | |
| − | | In
| + | |
| − | | Here
| + | |
| − | |}
| + | |
| − | Some more text in the div.
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="clear:boh">
| + | |
| − | | + | |
| − | <big>''' Collapsible table-cell content in a table'''</big>
| + | |
| − | ----
| + | |
| − | | + | |
| − | <table class="wikitable">
| + | |
| − | <tr>
| + | |
| − | <th>X</th> <th>Y</th> <th>Z</th>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>Hi, the content in the cell below me is collapsible and collapsed by default</td> <td>35</td> <td>91</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td class="mw-collapsible mw-collapsed">I'm the mw-collapsible cell content!</td> <td>42</td> <td>63</td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Collapsible unordered list '''</big>
| + | |
| − | ----
| + | |
| − | <ul class="mw-collapsible">
| + | |
| − | <li>Lorem
| + | |
| − | <li>Ipsum
| + | |
| − | <li>Dolor
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Collapsible ordered list '''</big>
| + | |
| − | ----
| + | |
| − | <ol class="mw-collapsible">
| + | |
| − | <li>One
| + | |
| − | <li>Two is more than one
| + | |
| − | <li>..a total of three items!
| + | |
| − | </ol>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Pre-made toggle 1'''</big>
| + | |
| − | ----
| + | |
| − | <div id="collapse-pre-one" class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="width: 100%"><span class="down">[[File:Arrow-down-dash-2.0.svg|50px|center|link=]]</span><span class="up">[[File:Arrow-up-dash-2.0.svg|50px|center|link=]]</span></div>
| + | |
| − | <div class="mw-collapsible-content">
| + | |
| − | {{User:Krinkle/Lorem}}
| + | |
| − | </div></div>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup>'''</big>
| + | |
| − | ----
| + | |
| − | | + | |
| − | :<strong class="mw-customtoggle-myDivision">@</strong>
| + | |
| − | | + | |
| − | <div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div>
| + | |
| − | | + | |
| − | <div class="mw-customtoggle-myDivision" style="cursor:pointer">[[File:At_char.svg|100px|left|link=|title=Click me!]] ⇐ @@Clicking here or on At-image will toggle also@@<div style="clear:both"></div></div>
| + | |
| − | | + | |
| − | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
| + | |
| − | <div class="toccolours mw-collapsible-content">{{User:Krinkle/Lorem}}</div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Custom collapsible 2 (table)'''</big>
| + | |
| − | ----
| + | |
| − | | + | |
| − | <div class="usermessage mw-customtoggle-myTable">Click here to toggle the table.</div>
| + | |
| − | | + | |
| − | {| class="wikitable sortable mw-collapsible" id="mw-customcollapsible-myTable"
| + | |
| − | ! Hello
| + | |
| − | ! World
| + | |
| − | |-
| + | |
| − | | Content
| + | |
| − | | Goes
| + | |
| − | |-
| + | |
| − | | In
| + | |
| − | | Here
| + | |
| − | |}
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Custom collapsible 3 (list)'''</big>
| + | |
| − | ----
| + | |
| − | | + | |
| − | <div class="usermessage mw-customtoggle-myList">Click here to toggle the list.</div>
| + | |
| − | | + | |
| − | <ul class="mw-collapsible" id="mw-customcollapsible-myList">
| + | |
| − | <li>A
| + | |
| − | <li>B
| + | |
| − | <li>C
| + | |
| − | <li>D
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Custom collapsible 4 (table-row)'''</big>
| + | |
| − | ----
| + | |
| − | | + | |
| − | <table class="wikitable">
| + | |
| − | <tr>
| + | |
| − | <th>X</th> <th>Y</th> <th>Z</th>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td><span class="mw-customtoggle-AA mw-customtoggle-BB mw-customtoggle-CC">I'm the mw-customtoggle for A, B and C. Click me to toggle three table-rows at once!</span></td> <td>20</td> <td>11</td>
| + | |
| − | </tr>
| + | |
| − | <tr id="mw-customcollapsible-AA" class="mw-collapsible mw-collapsed">
| + | |
| − | <td>I'm the mw-customcollapsible row A</td> <td>20</td> <td>7</td>
| + | |
| − | </tr>
| + | |
| − | <tr id="mw-customcollapsible-BB" class="mw-collapsible mw-collapsed">
| + | |
| − | <td>I'm the mw-customcollapsible row B</td> <td>21</td> <td>11</td>
| + | |
| − | </tr>
| + | |
| − | <tr id="mw-customcollapsible-CC" class="mw-collapsible mw-collapsed">
| + | |
| − | <td>I'm the mw-customcollapsible row C</td> <td>29</td> <td>1</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>This is just a plain table cell</td><td>0</td><td>30</td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | <div style="clear:both"></div>
| + | |
| − | | + | |
| − | <big>''' Combination example '''</big>
| + | |
| − | ----
| + | |
| − | <ul class="mw-collapsible mw-collapsed" data-collapsetext="I understand" data-expandtext="Click here for more information">
| + | |
| − | <li>Table is collapsed by default
| + | |
| − | <li>Second row contains collapsible list
| + | |
| − | <li>Third row contains a collapsible block with custom labels
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | {| class="wikitable plainlinks mw-collapsible mw-collapsed"
| + | |
| − | !colspan="3" | <strong class="mw-collapsible-toggle mw-collapsible-toggle-expanded" style="color:#FF00EE;float:none">Collapse</strong> '''{{FULLPAGENAME}}'''
| + | |
| − | |-
| + | |
| − | |width="14%" | #1
| + | |
| − | |
| + | |
| − | Hello, [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit this page]
| + | |
| − | Hello, [{{fullurl:{{FULLPAGENAME}}|action=purge}} purge this page]
| + | |
| − | Hello, [{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new}} add new section to talkpage]
| + | |
| − | |width="14%"| [[File:Example.svg|25x25px]]
| + | |
| − | |-
| + | |
| − | |width="14%" | #2
| + | |
| − | |
| + | |
| − | <ul class="mw-collapsible">
| + | |
| − | <li>Lorem
| + | |
| − | <li>Ipsum
| + | |
| − | <li>Dolor
| + | |
| − | </ul>
| + | |
| − | |width="14%"| [[File:Example.svg|25x25px]]
| + | |
| − | |-
| + | |
| − | |width="14%" | #3
| + | |
| − | |
| + | |
| − | There's a lot more secret content hidden !
| + | |
| − | <div style="background:red" class="mw-collapsible mw-collapsed" data-collapsetext="Hide me" data-expandtext="Reveal me">
| + | |
| − | '''This following code is top secret:'''<br />
| + | |
| − | : ''kmnd ihwkxucnskdf''
| + | |
| − | </div>
| + | |
| − | |width="14%"| [[File:Example.svg|25x25px]]
| + | |
| − | |-
| + | |
| − | |colspan=3 style="text-align:center"|Last edited by [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] on {{REVISIONTIMESTAMP}}
| + | |
| − | |-
| + | |
| − | |colspan=3 style="text-align:center"|[{{fullurl:{{FULLPAGENAME}}|oldid={{REVISIONID}}}} Permalink to this revision]
| + | |
| − | |}
| + | |
.jpg)
