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: 230, Comments: 23)
This solutions will show you how to make nice collapsible text blocks. What for? See the examples, you should know.
Foldable List (Rating: 185, Comments: 11)
Do you like a foldable list from My Account or Site Manager? Create your own!
Layout With Tables (Rating: 112, Comments: 82)
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: 111, Comments: 45)
This solution will show you how to create tabs.
Google Gadgets (Rating: 94, Comments: 27)
Google now offers tons of gadgets one can embed into web pages. The directory of gadgets is available at:
Include Any Page (Rating: 93, Comments: 30)
Here is a way to include ANY page within your Wiki page using an [[iframe]] element.
Automatic Sitemap (Rating: 90, 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: 84, Comments: 8)
Creates an extra side-bar using the floating div element. It is quite easy if you know CSS.
Multicolumn Layout (Rating: 80, Comments: 11)
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: 75, Comments: 30)
This snippet lets you add a logo to the site by creating a custom CSS.
Recently Added/Edited Solutions
Singular-Plural Identifier (Rating: 4, Comments: 0)
Extended NewPage Module (Rating: 9, Comments: 23)
Quite similar to the built-in NewPage Module, this snippet provides a way for you to create (or jump to) new pages.
Specific Users Only Include (Rating: 10, Comments: 24)
A common request amongst Wikidot users is the ability to show or hide data based on the person who is viewing your wiki. For example, if a wiki administrator is viewing the wiki, then s/he should be able to see options such as “Manage Site”, “Edit Side Bar” and “Change CSS”. Perhaps you have decided that particular members of a wiki should not see certain options in the sidebar, such as welcome links for new visitors on a site.
Image Box (Rating: 5, Comments: 0)
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.
Google Document (Rating: 6, Comments: 1)
Adding Google Documents like excel or word into your wiki dot page.
NewPage Button (Rating: 5, Comments: 7)
Quite similar to the built-in NewPage Module, this snippet provides a way for you to create (or jump to) new pages.
Syntax Highlighter (Rating: 5, Comments: 7)
Uses the Syntax Highlighter Library in alexgorbatchev.com.
URL Title with Slash Redirect (Rating: 0, Comments: 2)
Allows _template or ListPages variables like title which can hold slashes (e.g. Show/Hide content from specific users) to be used in NewPage url:
e.g. http://wikidot.com/test/edit/true/title/Re:Show/Hide content from specific users will change
to
http://wikidot.com/test/edit/true/title/Re:Show%2FHide content from specific users will change
MP3 Player (Rating: 32, Comments: 5)
With the traditional MP3 Player, you need to manually inject your MP3's url into the html code. This also means you need an individual code block for each song you want to play.
Video Player (Rating: 4, Comments: 5)
With the traditional Video Player, you need to manually inject your video's url into the html code. This also means you need an individual code block for each song you want to play.
