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

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

Foldable List (Rating: 205, Comments: 21)

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

Tabs (Rating: 161, Comments: 89)

This solution will show you how to create tabs.

Layout With Tables (Rating: 143, 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.

Adding A Site Logo (Rating: 112, Comments: 38)

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

Include Any Page (Rating: 107, Comments: 38)

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

Google Gadgets (Rating: 105, Comments: 27)

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

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

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

Automatic Sitemap (Rating: 100, Comments: 22)

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

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

Custom Identity Groups/自定义身份组 (Rating: 0, Comments: 0)

Sometimes we want to set and display a user's special identity on a website, and this snippet will address that

Better Sidebar/更好的侧边栏 (Rating: 1, Comments: 5)

A better sidebar, hover over the arrow in the bottom right corner of the page to show it.
更好的侧边栏，光标悬停/点击页面的右下角箭头时会自动展开。

Virtualization:VMclients (Rating: 0, Comments: 5)

The new VM that I used for this lab is Ubuntu 22.10, Module 02 Infrastructure and Documentation, hypervisor that I used is Oracle VirtualBox, VM computer name is Ubuntu 22.10 and VM operating system is Oracle VirtualBox. The computer that I used to complete this lab is Lenovo Yoga Windows 11.

Applications:Wireshark (Rating: 0, Comments: 0)

Module Number: Module 02 Infrastructure and Documentation
Project Number: Project 2-4 Install and Use Wireshark
Computer Used: Lenovo Yoga Windows 11

Applications:Nmap (Rating: 0, Comments: 0)

a. Nmap is an open source tool used for network discovery and security auditing. Zenmap is different than Nmap in terms of Zenmap making it easier for beginners to use Nmap's powerful features without needing to memorize command-line options, allowing users to scan save profiles, view visual representations of network topology, and is typically more accessible for users who prefer a point-and-click interface.

diatomf (Rating: 3, Comments: 0)

生存难度：生存難度：

等级等級 0

安全
不稳定
实体绝迹？

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

WORKING SEARCH for open and closed Wikidot sites (Rating: 2, Comments: 9)

Hi there! Because most third-party services aren't free, and the Wikidot search function hasn't worked since the 2020 hacking event, I found a better search method. It uses Bing search (which usually shows more obscure websites than Google search).

Wikidot Code Snippets

Snippets