Difference between revisions of "How to Wiki"
Malcolmmcc (talk | contribs) (→Tabs) |
Malcolmmcc (talk | contribs) (→Tabs) |
||
Line 177: | Line 177: | ||
Inside of the <nowiki><tab></nowiki> argument, you can include what is known as <code>attributes.</code><br> | Inside of the <nowiki><tab></nowiki> argument, you can include what is known as <code>attributes.</code><br> | ||
Notice the previous Tab was collapsed when the page loaded: that was accomplished with the ''collapsed tab''. Click below to learn more. | Notice the previous Tab was collapsed when the page loaded: that was accomplished with the ''collapsed tab''. Click below to learn more. | ||
− | <tab name="Attribute | + | <tabs><tab name="General"> |
+ | {|class="wikitable" | ||
+ | !Attribute | ||
+ | !Description | ||
+ | |- | ||
+ | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#title <code>title</code>] | ||
+ | |Determines the tooltip shown (<span title="Example tooltip text">Hover over this text for an example</span>) when hovering over the box. | ||
+ | |- | ||
+ | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#style <code>style</code>] | ||
+ | |Use this attribute to define any styles for the box. This can also affect the box's label. | ||
+ | |- | ||
+ | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#class <code>class</code>] | ||
+ | |Adds classes to the box. Different classes are seperated by spaces. Classes are generally used for altering the appearance of the box via CSS. | ||
+ | |- | ||
+ | |[https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#id <code>id</code>] | ||
+ | |Adds an id to the box. This id must be unique on the page, as per HTML specifications. Ids are generally used for linking scripts to via JavaScript, or they might also be used for altering the appearance of the individual box via CSS. | ||
+ | |}</tab> | ||
+ | |||
+ | <tab name="Specific"> | ||
+ | |||
{|class="wikitable" | {|class="wikitable" | ||
!Attribute | !Attribute | ||
Line 203: | Line 222: | ||
|style="color: darkblue;"|<code>name</code> | |style="color: darkblue;"|<code>name</code> | ||
|This attribute is used to define the text the label shows for the tab. If the entered name already exists within the tab, the contents of the <code><tab></code> tag are automatically assigned to the existing tab. This also means no two tabs can have an identical label. This attribute will be ignored if the <code>index</code> attribute already refers to an existing tab. Whitespace is automatically removed from the start and end of this attribute's value. | |This attribute is used to define the text the label shows for the tab. If the entered name already exists within the tab, the contents of the <code><tab></code> tag are automatically assigned to the existing tab. This also means no two tabs can have an identical label. This attribute will be ignored if the <code>index</code> attribute already refers to an existing tab. Whitespace is automatically removed from the start and end of this attribute's value. | ||
− | |}</tab> | + | |}| name=Specific| index="2"}} |
+ | }}</tab> | ||
+ | </tabs> |
Revision as of 12:16, 17 November 2015
Contents
Intro
Welcome to EUSWiki, a MediaWiki hosted wikipedia page. All and any help you may need can be found here, but I will try and provide the mere basics here.
Text Editing
For those of you who may know HTML5, woo-hoo! This is similar to that, but not quite. There's a whole host of different syntax, but the same logic applies.
You can format your text by using wiki markup. This consists of normal characters like asterisks, apostrophes or equal signs which have a special function in the wiki, sometimes depending on their position. For example, to format a word in italic, you include it in two pairs of apostrophes like ''this''
.
Description | Youtype | You get |
---|---|---|
Character (inline) formatting – applies anywhere | ||
Italic text | ''italic'' |
italic |
Bold Text | '''Bold''' |
bold |
Bold and italic |
''' ''bold & italic'' ''' |
bold & italic |
|
<strike>strike text</strike> |
|
Escape wiki markup | <nowiki>no markup</nowiki> |
no ''markup'' |
Section Formatting | ||
Headings of different levels | == Test 2 == === Test 3 === ==== Test 4 ==== ===== Test 5 ===== ====== Test 6 ====== Note: Any article with 4 or more headings will automatically create a Table of Contents |
Test 2Test 3Test 4Test 5Test 6 |
Horizontal Line | Text before ---- Text after |
Text before Text after |
Bullet list |
* Start each line |
Any other start ends the list. |
Numbered list |
# Start each line # with a Numbersign/Hashtag (#). ## More number signs give deeper ### and deeper ### levels. # Line breaks <br />don't break levels. ### But jumping levels creates empty space. # Blank lines # end the list and start another. Any other start also ends the list. |
Any other start also ends the list. </translate> |
Indent text |
: Single indent |
: Single indent
|
Categories
To add a category, you can insert the following tag at the very end of the article:
[[category:**********]] Where ****** is your desired category.
In order to make nested categories, you simply need to replicate the tag. Say I want to categorize Countries with a subcategory England with a subcategory London:
[[category:Countries]] [[category:England]] [[category:London]]
Tabs
Tabs is an extension that provides a handy way to create multiple tabs and tables. This is very useful for containing nested information, and can be manipulated depending on your understanding of the mechanism. To learn more about Tabs, click here.
What you enter | What you Get |
|
This is a test This is also a test |
Nested Tabs
Nested Tabs are useful for having large amounts of information without overburdening the layout or flow of your article.
The syntax is essentially the same as above
<tab name="Open me!"> Contents </tob>
Attributes
Inside of the <tab> argument, you can include what is known as attributes.
Notice the previous Tab was collapsed when the page loaded: that was accomplished with the collapsed tab. Click below to learn more.
Attribute | Description |
---|---|
title
|
Determines the tooltip shown (Hover over this text for an example) when hovering over the box. |
style
|
Use this attribute to define any styles for the box. This can also affect the box's label. |
class
|
Adds classes to the box. Different classes are seperated by spaces. Classes are generally used for altering the appearance of the box via CSS. |
id
|
Adds an id to the box. This id must be unique on the page, as per HTML specifications. Ids are generally used for linking scripts to via JavaScript, or they might also be used for altering the appearance of the individual box via CSS. |
Attribute | Description |
---|---|
For the <tabs> tag
| |
container
|
Use this attribute to define any styles for the tabs container. Styles defined here will only affect the container of the tabs, not the labels. |
plain
|
If this attribute is set, the tab interface will be a much more plain layout, without a border around the container, and with the tab labels just being buttons above it, instead of the typical tab layout. This can be used to get more freedom in styling the interface. |
For the <tab> tag inside tab menus
| |
inline
|
If this attribute is set, the tab's contents can be placed within text without interrupting the flow of the text. The difference between this and the default state of display:inline-block is that with inline-block , the tab's contents are forced to a new line when placed at the end of a new line, when not the whole of the tab's contents fit on the same line. inline tabs however will use up any space that's left at the end of the line, and fit in with the normal flow of the text just like normal text.
|
block
|
Converts the tab's contents to a block element. This can be used to assure the tab's contents will be displayed as a block instead of an inline-block, in cases where the tab's contents should not be placed within a line of text. When both the block and inline attributes are available, the inline attribute will be ignored.
|
index
|
This will determine the index of the tab. This only works if the entered index is already the index of a defined tab. Otherwise, this attribute is ignored. If no valid index or matching name attributes are defined, the index is automatically set to be the next in the list of tabs. |
name
|
This attribute is used to define the text the label shows for the tab. If the entered name already exists within the tab, the contents of the <tab> tag are automatically assigned to the existing tab. This also means no two tabs can have an identical label. This attribute will be ignored if the index attribute already refers to an existing tab. Whitespace is automatically removed from the start and end of this attribute's value.
|