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 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.

Featured snippet


wikidot-grass.png

Go here for more information. Reflections are also used at GabrysGabrys page, see here.


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

Most Rated Solutions

Collapsible Text Block (Rating: 193, Comments: 21)

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

Foldable List (Rating: 178, Comments: 11)

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

Layout With Tables (Rating: 94, Comments: 60)

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.

Tabs (Rating: 93, Comments: 45)

This solution will show you how to create tabs.

Automatic Sitemap (Rating: 87, Comments: 19)

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

Google Gadgets (Rating: 87, Comments: 21)

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

Include Any Page (Rating: 84, Comments: 30)

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

Extra Side Bar (Rating: 81, Comments: 7)

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

Adding A Site Logo (Rating: 70, Comments: 24)

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

Multicolumn Layout (Rating: 69, Comments: 8)

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/Edited Solutions

Sproutbuilder (Rating: 5, Comments: 1)

Sproutbuilder from http://sproutbuilder.com is a quick and easy way for anyone to build, publish, and manage widgets, mini-sites, mashups, banners and more. These can be any size and any number of pages. You can include video, audio, images and newsfeeds and choose from dozens of pre-built components and web services.

Poll (Rating: 5, Comments: 1)

How are people feeling about the implementation of Everyday Math?

Import a News Feed (Rating: 4, Comments: 2)

Importing news from other sites is really easy and you can also customize how the importer news feed will look like.
Let us say you want to import some news from CNN. First you have to locate the URL address of the feed(s) you want to import. On the http://www.cnn.com there is a link "Services » RSS" at the bottom. When you click this, a page which lists different RSS channels will appear.

picasa flash (Rating: 1, Comments: 1)

This code generated "Sorry, no match for the embedded content." - WHY???

Mibbit (Rating: 4, Comments: 0)

Chat in the wikidot chatroom with other users, gurus and the developers. This can be done using Mibbit, a web-based irc (internet relay chat) widget that can be embedded in a page on your wiki. The advantage of Mibbit is that it doesn't require you to download an irc client to your desktop/laptop, unlike most irc software.

Reflections (Rating: 26, Comments: 26)

This solution allows to make a reflection of every image inserted in your page. All you have to do is to embed the code below and then add a "reflect" class to an image and some additional parameters, like this:
[[image wikidot._logo.png class="reflect ropacity=33 rheight=50"]]

Module Categories (Rating: 10, Comments: 2)

You'd like to know a list of categories in your Wiki? Use (undocumented) module Categories.

LaTeX Table (Rating: 2, Comments: 0)

For those of you who know \LaTeX, there is a neat way of making tables that span columns.

Slideshare (Rating: 1, Comments: 3)

Embed powerpoint and other presentations from Slideshare in your wiki page. This solution puts the embed code inside html tags and then references that html code in an iframe. You will need a free account at Slideshare and will then need to upload your powerpoint presentation.

Drop Caps (Rating: 8, Comments: 0)

An easy way to create a magazine-style dropped cap at the beginning of a paragraph.

page_revision: 27, last_edited: 1222331845|%e %b %Y, %H:%M %Z (%O ago)
Unless stated otherwise Content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License