Welcome Guest, you are in: Login

Search:
Here is the example of snippets. You can use it as it is or take it as a basis and adapt to your wiki.
Note: Snippets can function incorrectly or in a different way depending either on position in the body of your page or styles applied to your wik.


Simple snippets


Information

Sample




Information snippet
<div style="border-top: solid 2px #5DAF3D; border-bottom: solid 2px #5DAF3D; padding: 4px 4px 4px 36px; vertical-align: middle; background-color: #DEF2B7;">?text?
</div>

Sample using
{s:Information | text = PLACE YOUR TEXT HERE}



Warning

Sample




Warning snippet
<div style="border-top: solid 2px #F01E16; border-bottom: solid 2px #F01E16; padding: 4px 4px 4px 36px; vertical-align: middle; background-color: #FFE6DC;">?text?
</div>

Sample using
{s:Warning | text = PLACE YOUR TEXT HERE}




Using Highslide JS

Installation

1. Open page and download zip package.
2. Unzip archive and copy highslide folder to the root of your website.
3. Open "Content Editing" in Administration-panel and  Insert next code to HTML-head for evry namespaces.

<!--highslide--><script type="text/javascript" src="/highslide/highslide-full.js"></script><link rel="stylesheet" type="text/css" href="/highslide/highslide.css" /><script type="text/javascript">hs.graphicsDir = '../highslide/graphics/';hs.outlineType = 'rounded-white';hs.wrapperClassName = 'draggable-header';</script><!--highslide-->




Inline content with wrapper


InlineContentWithWrapper snippet
<a href="#" onclick="return hs.htmlExpand(this)">?link_name?</a><div class="highslide-maincontent">?content?</div>

Sample using
{s:InlineContentWithWrapper | link_name = Open HTML-content | content = PLACE YOUR VALUE HERE }




Inline content with wrapper and headline


InlineContentWithWrapperAndHeadline snippet
<a href="#" onclick="return hs.htmlExpand(this)">?link_name?</a><div class="highslide-maincontent">?content?</div>

Sample using
{s:InlineContentWithWrapperAndHeadline | heading_text = List of pages that link the current page | link_name = List of pages that link the current page | content = { Incoming} }




Flash content


For this snippet need add to HTML-Head (Installation, step 3) line
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

FlashContent snippet
<a href="?flash_link?" onclick="return hs.htmlExpand(this, { objectType: 'swf', width: 300, objectWidth: 300, objectHeight: 250, maincontentText: 'You need to upgrade your Flash player', swfOptions: { version: '7' } } )" class="highslide"> ?name? </a>

Sample using
{s:FlashContent | flash_link = publicWiki/root/Upload/Flash.swf | name = Display flash }




YouTube content


YouTubeContent snippet
<a href="http://www.youtube.com/embed/?video_code??rel=0&amp;wmode=transparent" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', preserveContent: false, objectLoadTime: 'after'})" class="highslide"> ?name? </a>

Sample using
{s:YouTubeContent | video_code = KiQN5En7aNU| name = Display YouTube movie}
 

Side Projects

  • RESX Synchronizer allows to synchronize multi-language .resx files (used for the development of ScrewTurn Wiki).
  • Pixel Picker enables to pick the color of pixels on your screen — very handy for day-to-day graphics-related activities.

About