Administrator: Created page with "This page holds a bunch of tips for how to do fancy things on the Wiki. The intention of this page is to show how to do tricky stuff that is not well covered or otherwise easi..."

2012-06-23T23:52:22Z

Created page with "This page holds a bunch of tips for how to do fancy things on the Wiki. The intention of this page is to show how to do tricky stuff that is not well covered or otherwise easi..."

New page

This page holds a bunch of tips for how to do fancy things on the Wiki. The intention of this page is to show how to do tricky stuff that is not well covered or otherwise easily answered. 
[[image: Metal-warning.png|left]]
'''Before adding a tip please read "How to Add a Tip".'''
 
[[image: Metal-info.png|left]]
Additional information on common Wiki commands can be found at: 
{|
| [http://en.wikipedia.org/wiki/Wikipedia:How_to_edit_a_page Wikipedia: How to edit a page]
|-
| [http://en.wikipedia.org/wiki/Wikipedia:Tutorial_(Formatting) Wikipedia: Tutorial on formatting]
|}
== How to Add a Tip ==

Obviously, if you just write the code for a tip it will show the result of that code and not the code itself. So to show the code you need to add: 
<nowiki><nowiki>your code</nowiki></nowiki>

eg. <nowiki><nowiki>'''bold text'''</nowiki></nowiki> appears as a tip like <nowiki>'''bold text'''</nowiki> and that displays on the final Wiki page like: '''bold text'''

To put the code in a neat little box you instead type: 
<nowiki><pre>your code</pre></nowiki>

eg. <nowiki><pre>'''bold text'''</pre></nowiki> appears as a tip like
<pre>'''bold text'''</pre>
and that displays on the final Wiki page like: '''bold text'''
 
[[image: Metal-warning.png|left]]
Always start your tip with a header:
<pre>== My tip ==</pre>

[[image: Metal-warning.png|left]]
Always finish your tip by clearing any hanging content (this is explained in the tip "Vertically lining up text and images"):
<pre> </pre> 
Advanced tips: sometimes when you type </ as code in your tip, Wiki will interpret that as end of the code and not display it. To get around this type &lt; for the first '<' character. eg.
<pre><pre><pre>your code&lt;/pre></pre></pre>
displays
<pre><pre>your code</pre></pre>
The outer <nowiki><pre>...</pre></nowiki> in this case drew the actual box in the display example... but hopefully you shouldn't need to do this!

== Vertically lining up text and images ==
One common problem is that framed or thumbnailed images run too far down the right side of the page, with matching text still up at the top. What we'd like to do is leave a space under the text so that the next paragraph can line up with a new image. This is quite easy to do (though finding the definition was quite difficult!). The code is:
<pre> </pre>
Eg.:
<pre>[[image:Merci.jpg|thumb|Merci is totally hot!]]
my first para is about Merci
 
[[image:Faqfly 1131.jpg|thumb|FAQ - hmm not so hot.]]
my second para is about FAQ
</pre>
displays: 
[[image:Merci.jpg|thumb|Merci is totally hot!]]
my first para is about Merci
 
[[image:Faqfly 1131.jpg|thumb|FAQ - hmm not so hot.]]
my second para is about FAQ
 

==Using tables to align==
<pre><nowiki>
{|
|New Logo text
|[[Image:Logo_main_grey.jpg|thumb|100px|left|New logo]]
|-
|Old logo Text
|[[Image:Logo-top.GIF|thumb|200px|Old logo]]
|}
</nowiki></pre>
displays: 
{|
|New Logo text
|[[Image:Logo_main_grey.jpg|thumb|100px|left|New logo]]
|-
|Old logo Text
|[[Image:Logo-top.GIF|thumb|200px|Old logo]]
|}
 
You can also use this to put a bunch of images in a row. Eg. the following code from the [[EiP]] page:
<pre>
<gallery widths="300px" heights="300px">
Image:Eip.jpg|Example: One of the most popular and loyal contributors to EiP is Lexo
Image:Eip-Amel20050921-155467-0.jpg|Amel flashing(exposed) in public
</gallery>
</pre>
displays
<gallery widths="300px" heights="300px">
Image:Eip.jpg|Example: One of the most popular and loyal contributors to EiP is Lexo
Image:Eip-Amel20050921-155467-0.jpg|Amel flashing(exposed) in public
</gallery>
 

[[Category:Voyeurweb]]

Editing tips - Revision history

Administrator: Created page with "This page holds a bunch of tips for how to do fancy things on the Wiki. The intention of this page is to show how to do tricky stuff that is not well covered or otherwise easi..."