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.
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: 260, Comments: 28)
This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.
Foldable List (Rating: 192, Comments: 16)
Do you like a foldable list from My Account or Site Manager? Create your own!
Layout With Tables (Rating: 124, Comments: 88)
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: 123, Comments: 51)
This solution will show you how to create tabs.
Include Any Page (Rating: 102, Comments: 33)
Here is a way to include ANY page within your Wiki page using an [[iframe]] element.
Google Gadgets (Rating: 96, Comments: 27)
Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:
Automatic Sitemap (Rating: 95, 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
Extra Side Bar (Rating: 91, Comments: 8)
Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.
Multicolumn Layout (Rating: 84, Comments: 19)
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.
Adding A Site Logo (Rating: 80, Comments: 34)
This snippet lets you add a logo to the site by creating a custom CSS.
Recently Added/Edited Solutions
Display Random YT Video (Rating: 2, Comments: 0)
Thanks to ListPages, having a random video display on your site is easy. You would start by creating a category in which to display each video by pasting the embed code from each youtube video within an [[html]] block, one video per page. For example: video:1, video:2, video:3, etc…
New Tabview (Rating: 4, Comments: 6)
This package provides A custom styled CSS3 tabview for your wiki with no CSS needed. You must have Google Chrome or Safari to see the full features of this CSI!
Conditional Blocks (Rating: 8, Comments: 17)
This snippets allows "conditional blocks" to be added to wiki pages. It checks for the two variables provided and if they are matching (or not matching), the content will be shown. Nesting within modules only work in advanced mode (see below). Thanks to James Kanjo for his awesome SUO snippet where I stole some of the front-end and back-end include coding.
Yahoo! WebPlayer (Rating: 4, Comments: 3)
The Yahoo! WebPlayer is a nifty bit of javascript that automatically detects audio and video links on a web page. It builds a playlist of all the content it can play and places a small "play" icon in front of each audio and video link. The player can be accessed through a small slider in the lower left corner of the web page.
Identi.ca feeds on your site (Rating: 1, Comments: 0)
A simple way to use Identi.ca feeds on own Wikidot site.
Image Box (Rating: 16, Comments: 20)
One of the common desires of the typical Wikidot user is to easily add a caption or heading to an image. Furthermore, some users would like to easily fancify their image. However, the only way to truly do this is to make a grueling table every time. This CSI allows for a very simple and easy method to insert images, add captions to them, apply headings to them, apply a float, and adjust width.
Table Alterations (Rating: 4, Comments: 10)
This snippet allows you to easily create tables with ListPages that alternate colors in rows. This will also work for any table.
Extended NewPage Module (Rating: 11, Comments: 37)
Quite similar to the built-in NewPage Module, this snippet provides a way for you to create (or jump to) new pages.
Fancy <hr> Dividers (Rating: 8, Comments: 2)
This snippet will help you quickly generate horizontal rules that are much fancier than a single grey line. This could be used for embellishment or emphasized division.
RegExp Date Wizard (Rating: 6, Comments: 6)
Sometimes we have specific syntax requirements for when our users provide us input. For example, lets say we wanted to user to enter a number… if the user enters a letter, we want an error message to inform them that they haven't entered a number.
