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
- please do not use this site for testing. There is a Sandbox site for that.
Highest Rated Snippets
Collapsible Text Block (Rating: 274, Comments: 31)
This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.
Foldable List (Rating: 196, Comments: 18)
Do you like a foldable list from My Account or Site Manager? Create your own!
Tabs (Rating: 129, Comments: 68)
This solution will show you how to create tabs.
Layout With Tables (Rating: 127, Comments: 89)
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: 104, Comments: 36)
Here is a way to include ANY page within your Wiki page using an [[iframe]] element.
Google Gadgets (Rating: 100, Comments: 27)
Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:
Automatic Sitemap (Rating: 96, 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: 92, Comments: 8)
Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.
Adding A Site Logo (Rating: 86, Comments: 35)
This snippet lets you add a logo to the site by creating a custom CSS.
Multicolumn Layout (Rating: 86, 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
Mail to all moderators (Rating: 1, Comments: 1)
I haven't found a solution so I don't know if this is the proper way to ask the question. Feel free to remove the page if not the appropriate way!
Put comments in the editor that won't show (Rating: 0, Comments: 2)
So my colleague and I needed this function but we could not find it on wikisyntax. The purpose is to put it in a template in order to warn the writer to read some instructions first.
Modal Image (Rating: 3, Comments: 2)
Countdown timer (Rating: 6, Comments: 0)
This is a simple countdown timer. I Slightly edited it to fit for the holidays.
Html(embed) code opening in new window/tab (Rating: 1, Comments: 0)
With "html" command ( embed a foreign code) on a page you can insert near all scripts from external suppliers in your wiki-page ( see also snippet Use any html code on a page ).
Todo List with Data Forms (Rating: 3, Comments: 0)
A "normal" Wikidot way to make a "Todo List" using a Data Forms _template ( which have to be copied from the snippets here ( or used by include!) and the standard listPages module
Carousel (Rating: 4, Comments: 18)
Twitter's Bootstrap comes with image carousel functionality built in. This snippet allows you to generate carousels very quickly and easily so that you do not have to look up or memorize Bootstrap's syntax.
Facebook Button (Rating: 2, Comments: 0)
This snippet will add the official Wikidot facebook button to your wikidot page. This allows visitors to post on facebook about the page they are on by displaying a popup window, meaning they don't need to leave your site.
Togglecheck (Rating: 2, Comments: 0)
At present, Wikidot's checkbox field for data forms will only display a 0 if unchecked or a 1 if checked. This can be rather unintuitive; for example, consider a page in which users are expected to document the abilities and skills of an Role Playing Game character. There may be a list of possible skills, like Double Strike or Indomitable, which the user may check or uncheck depending on whether the character has the skill.