Welcome!

Snippets is a site both created by Wikidot and its community. This is a place where you can find (or add) code snippets that can be used when creating your own pages at Wikidot.com. Code snippets are an easy way to improve your own wiki sites and to make it more attractive and functional. Embedding media, both audio and video, adding spreadsheets, making eye-candy menus is as easy as never before.

> > > > All Tags !


Add a new snippet or solution

Adding a snippet is easy.

  • First, think of some name for your snippet
  • Create a page (using the form below)
  • Assign page tags to the created page
  • Please do not use this site for testing.
  • Use the Sandbox for testing.

Highest Rated Snippets

Collapsible Text Block (Rating: 327, Comments: 39)

This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.

Foldable List (Rating: 203, Comments: 18)

Do you like a foldable list from My Account or Site Manager? Create your own!

Tabs (Rating: 154, Comments: 86)

This solution will show you how to create tabs.

Layout With Tables (Rating: 140, Comments: 91)

A nice way to add advanced layout control using the [[table]] tag. The example uses the style attribute for the whole table and particular cells to adjust layout.

Include Any Page (Rating: 106, Comments: 38)

Here is a way to include ANY page within your Wiki page using an [[iframe]] element.

Adding A Site Logo (Rating: 102, Comments: 36)

This snippet lets you add a logo to the site by creating a custom CSS.

Google Gadgets (Rating: 102, Comments: 27)

Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:

Automatic Sitemap (Rating: 100, Comments: 21)

It is quite important to have a nice and clean structure of the site. One of the best ways to do maintain such a structure is to use the "parent page" relation. This allows to:

  • display breadcrumb navigation element within pages
  • make nice sitemaps and listings

Extra Side Bar (Rating: 100, Comments: 8)

Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.

Multicolumn Layout (Rating: 90, Comments: 26)

OK, so you want a multicolumn layout. Unfortunately there are no special wiki tags for multicolumn layout but the result can be easily achieved using the [[div]] tags and adding CSS style to it.

Recently Added Snippets

Do not try in life 2 (Rating: 0, Comments: 1)

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

Do not try in life (Rating: 0, Comments: 0)

[[code]]

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

Include Without iframe (Rating: 0, Comments: 0)

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.

Table Of Contents (Rating: 2, Comments: 0)

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!

How to use a Tag (Rating: 2, Comments: 0)

How to use a tag:

Links (Rating: 5, Comments: 1)

As such some things could lead to other pages, but how? Well there's this code for a link:

Headings (Rating: 2, Comments: 2)

Headings are a kind of thing in which you put to seperate other areas of your words. In other words, it is a way to organise your work clearly while being put into different sections.

Show Username (Rating: 6, Comments: 2)

With this snippet you can put the veiwers username in your text. Could be useful for some things like scaring people who put there real name as there username.
(doesn't work in forum or wanders sandbox)

Click Counter (Rating: 6, Comments: 2)

It counts clicks

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License