Hello! Project Wiki
Register
Advertisement

Many ways of formatting things on a page are relatively common and straightforward. Enough that there are buttons on the editor page to help make them happen, or common guides to help people use them. Then there are things that are less straightforward. This page will attempt to show some of these things that have ended up frequently used on the H!P Wiki, and how you can use them.

Colored Text[]

There's no wiki-specific formatting for doing this, so it's done the same way it would be in any HTML page.

<span style="color:COLORHERE">TEXT HERE</span>

Where it says COLORHERE there are several options for how to define the color.

#1: Simple color name.

<span style="color:blue">TEXT HERE</span>
makes
TEXT HERE

A list of possible color names to use can be found here.

#2: RGB values, giving a number for red, green, and blue from 0-255 each.

<span style="color:rgb(200,0,255)">TEXT HERE</span>
makes
TEXT HERE

#3: Hex value, which is really just a harder-to-read version of the above, but it may be this format you see just the color you want in someplace else.

<span style="color:#00ffaa">TEXT HERE</span>
makes
TEXT HERE

Tabber[]

Tabber is a way to have multiple bits of content share the same space on a page, and allows you to switch between them by clicking on different tabs. Here's a simple two-tab example:

<tabber>First tab=
Here's the first stuff
|-|Second tab=
Here's the second thing
</tabber>

which produces

Here's the first stuff

Here's the second thing

To get more tabs, just continue adding in more sections like "Second tab" above and change them as you please. As example, here it is copied but NOT changed, to make the pattern more obvious:

<tabber>First tab=
Here's the first stuff
|-|Second tab=
Here's the second thing
|-|Second tab=
Here's the second thing
|-|Second tab=
Here's the second thing
|-|Second tab=
Here's the second thing
</tabber>

produces

Here's the first stuff

Here's the second thing

Here's the second thing

Here's the second thing

Here's the second thing

ShowHide[]

ShowHide allows you to add lengthy text to a page but take up a small amount of space unless someone chooses to expand it. More details can be seen at Template:ShowHide, but the basics are pretty simply that

{{ShowHide
|title = A special message
|body = Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
}}

produces

A special message
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Family Tree[]

Template:Familytree is used on many pages to produce family trees, but it is not for the faint of heart or easy to explain. For now I'll link to this blog entry which walks through the process of creating this example tree:

{{Familytree
| | | | | | [[Forum:Okai Ken|Ken]] |~|y|~| [[Forum:Okai Hitomi|Hitomi]] | | | | | |_
| |,|-|-|-|v|-|-|-|+|-|-|-|v|-|-|-|.| |_
| [[Okai Chisato|Chisato]] | | [[Okai Asuna|Asuna]] | | [[Forum:Okai Tsubasa|Tsubasa]] | | [[Forum:Okai Mion|Mion]] | | [[Forum:Okai Rimu|Rimu]] |_
}}

which produces


   
   
   
   
   
   
   
   
   
   
Ken
   
   
   
   
   
   
Hitomi
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
Chisato
   
   
Asuna
   
   
Tsubasa
   
   
Mion
   
   
Rimu

References[]

Where you want to place a reference, just put something between <ref> </ref> tags. If you put an URL in there it will automatically treat it like a link, but you can still use the regular method of making a link if you want to give different link text. Plain text will just be left as is. Here are some examples:

<ref>Morning Musume Profile (Chinese): http://www.helloproject.com.tw/web/artist-list/morning.htm</ref>

<ref name="japantimes4">Japan Times article: http://info.japantimes.co.jp/text/fl20090626r1.html</ref>

<ref name="musicfighter1">Music Fighter 2005-07-16</ref>

The name part is optional, but allows you to reuse the same reference elsewhere on the page. To reference that Japan Times article again, one would put in <ref name="japantimes4" />

To make the references show up presentably at the bottom of the page if the section isn't already there is easy. In most cases just make sure to put

==References==
{{Reflist|3}}

above the External Links and it will be done. The 3 is an optional setting and different numbers can be used--it's the number of columns references will be split into.

Differences between image formats[]

See Hello! Project Wiki:Advanced Formatting/Image Formats

In General...[]

If there's something not listed here you don't understand how to use, a general piece of advice. Go to the Edit view for a page (or section of page) that has the thing you're trying to understand--seeing how someone else accomplished something, copying it, and changing it until it's what you wanted is a great way to learn things. If that fails, there's probably an admin or experienced editor who can give a hand or at least point in the right direction.

Advertisement