TOI-pedia Styles

From TOI-Pedia

This article shows a list of special features that can be used to create structured and uniform pages.

Maya Documentation

Create Polygon Tool

{{Maya_Help|Modeling/Mesh__Create_Polygon_Tool.html|Create Polygon Tool}}

The first part of the url (http://toi.bk.tudelft.nl/maya/help/docs/Maya####/en_US/) isn't specified. This will be added automatically.

Command Reference

polyCube

{{Maya_Help_Command|polyCube}}


Menu or command sequences

Please notice that the commands/menus are specified in reversed order!

Tools » Options » Preferences

{{menuCommands|Preferences|Options|Tools}}

Tools » Options » PreferencesOption Box

{{menuCommands|Preferences|Options|Tools|optionbox=1}}


Surfaces » PlanarOption Box

{{linkMenuCommands|Maya|Planar|Surfaces|optionbox=1}}


The link is created to a specific format: Command_(Application). The Application part can be specified, the Command part is the name of the command.

Pipes in template parameters

If you need to use a pipe | in any template parameter, use the the {{!}} template.

Text boxes

This is an alert box

<div class="alert">This is an alert box</div>

Usage
important information and warnings. Example: easily made mistakes or frequent problems


This is a tip box

<div class="tip">This is a tip box</div>

Usage
tip or suggestion (less important than an alert).


This is an example box

<div class="example">This is an example box</div>

Usage
when providing a suggestion for settings or values that could be used.


This is a remark box

<div class="remark">This is a remark box</div>


Usage
The information contained could be useful but is not very important. For example when providing background information or theory.


Small text

<div class="small">Small text</div>

or inline: Small text. As shown here. <span class="small">Small text</span>

Usage
Whenever you want to use small text.


Script boxes

// mel code box

<syntaxhighlight lang="mel">// mel code box</syntaxhighlight>


  1. // mel code box
  2. // line 2
  3. // line 3

<syntaxhighlight lang="mel" line="GESHI_NORMAL_LINE_NUMBERS">// mel code box //line 2 //line 3</syntaxhighlight>


# python code box

<syntaxhighlight lang="python"># python code box</syntaxhighlight>


Documentatie provides:


Tables

A simple table:

head1head2head3
cell1cell2cell3
<table class="simple">
<tr><th>head1</th><th>head2</th><th>head3</th></tr>
<tr><td>cell1</td><td>cell2</td><td>cell3</td></tr>
</table>


A table without borders:


head1head2head3
cell1cell2cell3
<table class="bare">
<tr><th>head1</th><th>head2</th><th>head3</th></tr>
<tr><td>cell1</td><td>cell2</td><td>cell3</td></tr>
</table>


References

You can create [1].

You can create<ref>references are created using the ref tag</ref> references maken.

The references are included at the <references/> tag


See Also

Create a link or set of links to indicate related articles that could be read for more in-depth or broader information.

{{See also|Maya|Photoshop}}

If you want to use a different text for the link than the name of the article itself:

{{See also|Maya|Photoshop|l1=3D Modeling in Maya|l2=2D Image editing}}

Before-After images

The BeforeAfter template 'stacks' two images and creates a slider that allows you to slide between both images to compare them:

MR gamma correction off.jpg
MR gamma correction on.jpg

{{BeforeAfter|300|MR_gamma_correction_off.jpg|MR_gamma_correction_on.jpg}}

The first value is the width in pixels, which is required! The second and third are the names of the images that should be used. These images are normal images (uploaded in the TOI-Pedia).

Linking an image to a page

Normally every image is a link to the image page. If you want to use an image to link to an article (page), use the "link=" option:

Maya 85.jpg

[[Image:Maya_85.jpg|100px|link=Maya]]

External Video


<videoflash type="vimeo">42090131|640|480</videoflash>

Flash SWF

Flash SWF files can be uploaded normally. To embed them into an article, use the <flash></flash> tags:

<flash file="MyFlashMovie.swf"></flash>

You may specify the standard attributes such as "width" and "height", etc within the flash tag just as you would normally do. Note that flash is no longer supported on many devices.

Video

Loading the player...


{{Video_tutorial|<jwplayer file="http://video.bk.tudelft.nl/content/video/a2.mp4" image="http://video.bk.tudelft.nl/content/thumb/a2.mp4.jpg" width="420" height="300" title="Video Title" />}}

You can link to a specific timecode by appending #t=?? to the video file url, where ?? is the time in seconds:

Loading the player...


{{Video_tutorial|<jwplayer file="http://video.bk.tudelft.nl/content/video/a2.mp4#t=90" image="http://video.bk.tudelft.nl/content/thumb/a2.mp4.jpg" width="420" height="300" title="Video Title" />}}


Video Playlist

Loading the player...


{{Video_tutorial|<jwplayer file="http://video.bk.tudelft.nl/playlist/1.xml" playlist="right" width="600" height="300" />}}

Category listing (Tutorials box)

The tutorials box template creates a right-floating container with all articles in a specific category:

{{Tutorials_box|category}}


Table of contents

You can limit the depth of the Table of Contents (TOC) that is displayed:

{{TOCLimit|limit=#}}

  1. is a number specifying the maximum depth. 2 only shows the main headings zien (==), 3 up to ==, etc.



  1. references
Personal tools
Actions
Navigation
Tools