TOC's from many pages

By ErichSteinboeckErichSteinboeck

Description

Here's a half-baked solution for discussion thread “TOC's from many pages displayed on one?

Although this allows you to pull in the TOC's, they aren't linking to their respective pages (but to the current page instead) and fold/unfold only works for the first TOC.

Code

[[module ListPages category="code" limit="9" order="pageEditedDesc"]]
[[table]][[row]]
[[cell]][[[%%page_unix_name%%]]][[/cell]][[/row]]
[[row]]
[[cell]]
[[div style="display : none"]]
[[include %%page_unix_name%%]]
[[/div]]
[[toc]]
[[/cell]][[/row]][[/table]]
[[/module]]

In action

new-cornify

Description

an update of cornify.

Code

[[embed]]
<a href="http://www.cornify.com" onclick="cornify_add();return false;" title="Cornify"><img src="https://www.cornify.com/assets/cornify-button.png" width="82" height="25" border="0" alt="Cornify" /></a><script type="text/javascript" src="https://www.cornify.com/js/cornify.js"></script>
[[/embed]]

In action

Sorry, no match for the embedded content.

:-)

Table of Contents
to-add-tabs-to-your-sandbox-so-you-can-have-multiple-dr

a custom scp idea

its an idea i had for an scp its kinda stupid but thats okay

Text goes here. Pretend this is a draft.

link to the implemented solution on a Wikidot site or put a working example here

Table of Contents
text-changes-colors

Description

put description what kind of problem does the solution solve and how

Code

[[module CSS]]
@keyframes color-transition {
  0% { color: red; }
  25% { color: blue; }
  50% { color: green; }
  75% { color: orange; }
  100% { color: purple; }
}

.color-transition-text {
  animation: color-transition 5s infinite;
}
[[/module]]

[[div class="color-transition-text"]]
  Text changes colors
[[/div]]

In action

Text changes colors

Table of Contents
grid-layout-columns

Description

Although for a long time there have been ways to create 2-column layouts for your site, none are more effective or efficient than CSS3 Grid Layout. Here, you can see how to use it to create 2 columns, with a gap between them!

Code

[[module css]]
.grid-1 { 
   display: grid;  
   grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem); 
   column-gap: 1rem;
}

.grid-2 { 
   display: grid;  
   grid-template-columns: calc(33.333% - 0.5rem) calc(33.333% - 0.5rem) calc(33.333% - 0.5rem); 
   column-gap: 1rem;
}

.grid-1>div, .grid-2>div {
  text-align: justify;
  text-justify: inter-word;
}
[[/module]]

[[div class="grid-1"]]
[[div]]
Content for your first column!
[[/div]]
[[div]]
Content for your second column!
[[/div]]
[[/div]]

[[div class="grid-2"]]
[[div]]
Content for your first column!
[[/div]]
[[div]]
Content for your second column!
[[/div]]
[[div]]
Content for your third column!
[[/div]]
[[/div]]

In action

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet volutpat consequat mauris nunc congue. Eget gravida cum sociis natoque penatibus et. At elementum eu facilisis sed. Pharetra vel turpis nunc eget lorem dolor. A pellentesque sit amet porttitor eget dolor morbi non arcu. Ipsum a arcu cursus vitae congue mauris rhoncus aenean vel. Non sodales neque sodales ut etiam sit amet. Fermentum dui faucibus in ornare quam viverra. Cursus in hac habitasse platea dictumst quisque.

Quam pellentesque nec nam aliquam sem et tortor. Mauris nunc congue nisi vitae suscipit tellus mauris. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Ullamcorper sit amet risus nullam eget. Auctor eu augue ut lectus arcu bibendum at varius vel. Turpis nunc eget lorem dolor sed viverra. Ullamcorper malesuada proin libero nunc consequat. Morbi tincidunt ornare massa eget egestas purus. Aliquam nulla facilisi cras fermentum odio eu feugiat pretium nibh. Sapien pellentesque habitant morbi tristique senectus et. Varius morbi enim nunc faucibus a pellentesque sit amet. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Massa vitae tortor condimentum lacinia quis vel eros. Mi eget mauris pharetra et ultrices neque ornare aenean. A condimentum vitae sapien pellentesque habitant morbi tristique senectus. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt.

Egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor dignissim convallis aenean et. Eget nunc lobortis mattis aliquam faucibus purus in. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Proin sagittis nisl rhoncus mattis rhoncus. Vulputate odio ut enim blandit. Aliquam sem fringilla ut morbi tincidunt augue interdum velit. Urna molestie at elementum eu. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Volutpat est velit egestas dui id. At quis risus sed vulputate odio ut enim blandit. Eu tincidunt tortor aliquam nulla facilisi cras. Curabitur gravida arcu ac tortor dignissim convallis aenean et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet volutpat consequat mauris nunc congue. Eget gravida cum sociis natoque penatibus et. At elementum eu facilisis sed. Pharetra vel turpis nunc eget lorem dolor. A pellentesque sit amet porttitor eget dolor morbi non arcu. Ipsum a arcu cursus vitae congue mauris rhoncus aenean vel. Non sodales neque sodales ut etiam sit amet. Fermentum dui faucibus in ornare quam viverra. Cursus in hac habitasse platea dictumst quisque.

Quam pellentesque nec nam aliquam sem et tortor. Mauris nunc congue nisi vitae suscipit tellus mauris. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Ullamcorper sit amet risus nullam eget. Auctor eu augue ut lectus arcu bibendum at varius vel. Turpis nunc eget lorem dolor sed viverra. Ullamcorper malesuada proin libero nunc consequat. Morbi tincidunt ornare massa eget egestas purus. Aliquam nulla facilisi cras fermentum odio eu feugiat pretium nibh. Sapien pellentesque habitant morbi tristique senectus et. Varius morbi enim nunc faucibus a pellentesque sit amet. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Massa vitae tortor condimentum lacinia quis vel eros. Mi eget mauris pharetra et ultrices neque ornare aenean. A condimentum vitae sapien pellentesque habitant morbi tristique senectus. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt.

Egestas sed tempus urna et pharetra. Non curabitur gravida arcu ac tortor dignissim convallis aenean et. Eget nunc lobortis mattis aliquam faucibus purus in. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero. Proin sagittis nisl rhoncus mattis rhoncus. Vulputate odio ut enim blandit. Aliquam sem fringilla ut morbi tincidunt augue interdum velit. Urna molestie at elementum eu. Tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius. Volutpat est velit egestas dui id. At quis risus sed vulputate odio ut enim blandit. Eu tincidunt tortor aliquam nulla facilisi cras. Curabitur gravida arcu ac tortor dignissim convallis aenean et.

Lectus mauris ultrices eros in cursus. Egestas fringilla phasellus faucibus scelerisque. Dui vivamus arcu felis bibendum. Lobortis feugiat vivamus at augue eget. Gravida neque convallis a cras semper auctor neque. Sit amet venenatis urna cursus eget nunc. Sed id semper risus in hendrerit gravida rutrum quisque non. Volutpat consequat mauris nunc congue. Scelerisque eu ultrices vitae auctor eu augue ut lectus. Tincidunt eget nullam non nisi est. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Etiam dignissim diam quis enim lobortis scelerisque fermentum. Urna duis convallis convallis tellus id. Amet consectetur adipiscing elit ut. Libero justo laoreet sit amet cursus sit amet dictum sit. Feugiat in fermentum posuere urna nec tincidunt praesent.

Eros donec ac odio tempor orci. Et netus et malesuada fames ac turpis egestas maecenas pharetra. Eros donec ac odio tempor orci dapibus. Volutpat maecenas volutpat blandit aliquam etiam. Pharetra diam sit amet nisl suscipit adipiscing bibendum est ultricies. Nunc sed velit dignissim sodales. Ut ornare lectus sit amet est placerat in. Tortor aliquam nulla facilisi cras fermentum. Turpis tincidunt id aliquet risus feugiat. Id volutpat lacus laoreet non.

Table of Contents
scp
 [[include :scp-wiki-cn:component:customizable-acs
|risk-class= yggdrasil
|risk-image= https://scp-wiki.wdfiles.com/local--files/calibri-s-mega-cool-art-page-it-s-mostly-just-icons-but-what/Yggdrasil.svg
|risk-color= 0,0,255
|inc-risk= --]]]

 [[include :scp-wiki-cn:component:anomaly-class-bar-source
|lang= cn
|item-number= 0000
|clearance= 6
|container-class= 机密
|secondary-class= apollyon
|disruption-class= amida
|risk-class= yggdrasil
]]
Tips:这是从http://scp-wiki-cn.wikidot.com/anomaly-classification-system-guide得到的代码,如有侵权请联系
项目编号:項目編號:0000
等级等級6
收容等级:收容等級:
机密
次要等级:次要等級:
apollyon
扰动等级:擾動等級:
amida
风险等级:風險等級:
yggdrasil

Tips:这是从http://scp-wiki-cn.wikidot.com/anomaly-classification-system-guide得到的代码,如有侵权请联系

Table of Contents
5yryer6fy324

Description

put description what kind of problem does the solution solve and how

Code

[[module CSS]]
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
[[/module]]
[[div class="snowflakes" aria-hidden="true"]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
[[/div]]

In action

Table of Contents
do-not-try-in-life
[[module CSS]]
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
[[/module]]
[[div class="snowflakes" aria-hidden="true"]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
  [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
  [[div class="snowflake"]]
    [[image http://25.media.tumblr.com/c80596bfbed71ae67ba3f08e67fefd67/tumblr_mont29X6Ru1rcc7b2o1_400.gif]]
  [[/div]]
[[/div]]
Table of Contents
include-without-iframe

Description

Sometimes the <iframe> element is not what you need, when showing something from another Wikidot page. One example is putting in CSS from a different Wikidot page. Or if the page has a lot of info, and you don't feel like copy/pasting.

Code

[[incude  :site:category:page]]

In action

I will copy this page on to this page. And check the page source on it.

Table of Contents
table-of-contents

-THE DESCRIPTION-

A Table Of Contents is a block which can be put so that you can skip between chapters or headings without scrolling down to your favourite chapter or place.A Table Of Contents can be written in CSS as:

[[toc]]

But now after you put this nothing happens as your Table Of Contents is empty, to fix this, put some headings and now you're ready!

Rayyan

I am Rayyan Faaris and I am cool :)

About Me

I like to make videos and code. My YouTube channel is Dr. ELECTRON, please subscribe and like this snippet! Hope you like it!


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by ErichSteinboeck

Redirect: To - 16 Feb 2012 01:37
Module Listpages Tags - 16 Feb 2012 01:24
Module Feed Drilldown: Details Page - 16 Feb 2012 01:24
Module Feed Drilldown - 16 Feb 2012 01:24
Module Feed: Collapsible - 16 Feb 2012 01:23
Module Categories - 16 Feb 2012 01:23
MiniRecentPosts With Limit - 16 Feb 2012 01:23
ListPages: Horizontal? - 16 Feb 2012 01:20
Choose A Page! - 15 Feb 2012 00:32
Redirect: From (1st) - 01 Mar 2009 18:18
Redirect: From (2nd) - 01 Mar 2009 18:17


Rate this solution

If you think this solution is useful — rate it up!

rating: +1+x
Add a New Comment
toc
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License