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: 309, Comments: 38)

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

Foldable List (Rating: 200, Comments: 18)

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

Tabs (Rating: 147, Comments: 84)

This solution will show you how to create tabs.

Layout With Tables (Rating: 134, 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: 36)

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

Google Gadgets (Rating: 101, Comments: 27)

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

Automatic Sitemap (Rating: 98, 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

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

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

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

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

Multicolumn Layout (Rating: 87, 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

AMAZONAS (PERU) (Rating: 0, Comments: 0)

*Amazonas es un departamento peruano situado en el norte del país. Su capital es Chachapoyas y su ciudad más poblada es Bagua Grande. Limita al oeste con el departamento de Cajamarca, al sur con el departamento de La Libertad, al sureste con el departamento de San Martín, al este con el departamento de Loreto y al norte con la república de Ecuador. Abarca 39,2 mil km² de agreste territorio, en su mayoría, cubierto por la Amazonía.

Fake tags with links (Rating: 1, Comments: 0)

You can disguise the tags and include a link.

Colalt - Multiple Collapsibles (Rating: 5, Comments: 1)

Speaking of multiple collapsibles, there's Boyu12Boyu12's colmod.
I wanted to make a similar one, so I used the collapsible-block code to create multiple collapsibles.
The sooner you see it in action first, the better.


Colalt is colalt itself…

New Intern Orientation Documents (Rating: 0, Comments: 0)

Documents from new intern orientation May 2020 (I.E. Policy and Procedure Manual)

Tabla sobre puntos de Tecnicas de protección (Rating: 2, Comments: 2)

  • La seguridad informática es fundamental hoy en día en Internet para tener una mayor seguridad y privacidad a la hora de navegar.
  • Aqui podrás ver una tabla con unos puntos de información relacionada con seguridad informática, hackeos, vulnerabilidades de seguridad en diferentes portales y software

Falling Snowflakes Effect (Rating: 21, Comments: 4)

  • Put the code in any page you want the effect.
  • Or put it in the Sidebar to has the effect in all pages.
  • Code no need be inside HTML tags

Html5player (Rating: 21, Comments: 7)

Currently we only have a Flash-based option for audio and video inclusion. These snippets fix that by providing an HTML5-based alternative (which should really be the default by now).

Mail to all moderators (Rating: 4, 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: 2, Comments: 3)

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: 7, Comments: 2)

This is a variation of the Bootstrap Image Box which transposes images into a Bootstrap modal upon being clicked.

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