PCs:Style: Difference between revisions

From Avlis Wiki
Jump to navigation Jump to search
Line 12: Line 12:
* Format links to the Avlis Boards, by using <nowiki>[http://link.com link text]</nowiki>. Long links are ugly, especially if you have a list of 10 PM addresses or forum topics to link to.
* Format links to the Avlis Boards, by using <nowiki>[http://link.com link text]</nowiki>. Long links are ugly, especially if you have a list of 10 PM addresses or forum topics to link to.


* Justified text in tables or beside images looks great. and the best way to do it is to surround it with a <div> object.
* Justified text in tables or beside images looks great. and the best way to do it is to surround it with a '''<nowiki><div></div></nowiki>''' object.
 
{| style="border:1px solid grey" align="center" width="800px"
For instance, this text is not justified.
|+ Example:
{| style="border:1px solid grey" align="center" width="400px"
| '''This text is not justified.'''
| '''This text however, is.'''
|- style="border:1px solid grey" align="left" width="400px"  
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
|}
| <div align="justify">
This text however, is.
{| style="border:1px solid grey" align="center" width="400px"
|
<div align="justify">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
|}
|}
 
* All you have to do to justify align the text is to add '''<nowiki><div align="justify"></nowiki>''' before the text, and '''<nowiki></div></nowiki>''' afterwards.
All you have to do to justify align the text is to add '''<nowiki><div align="justify"></nowiki>''' before the text, and '''<nowiki></div></nowiki>''' afterwards.


== Images ==
== Images ==

Revision as of 13:14, 12 June 2006

This is an unofficial Avlis Wiki style guide until it has been approved by an admin.

This style guide is a guid on formatting PCs pages. PCs pages are any pages with the name starting with "PCs:", excluding this page. PCs: pages are intended to give other people information on a PC. Please read PCs for information what the PCs pages are intended to be used for.

Text

  • Make sure your text is readable, most importantly, by adding paragraphs. Remember that you need to hit return two times, not one, or use the <br> tag.
  • Don't copy from other pages. Example: the page of Joe the priest of Mikon should not contain a copied part of the Mikon page, even if it would illustrate well why Joe became a priest of Mikon. Use links to the page instead, or "See: Page X".
  • Format links to the Avlis Boards, by using [http://link.com link text]. Long links are ugly, especially if you have a list of 10 PM addresses or forum topics to link to.
  • Justified text in tables or beside images looks great. and the best way to do it is to surround it with a <div></div> object.
Example:
This text is not justified. This text however, is.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  • All you have to do to justify align the text is to add <div align="justify"> before the text, and </div> afterwards.

Images

  • If you're going to use thumbnail images, make sure you don't put them in a table with a coloured background, as Mediawiki will add a white frame around it, ruining the effect. If you're going to use images on a table, and they need to be scaled, try using a set px value instead of 'thumb' or frame.
For reference, see the image line and effect it has for Sinomii's current page and the old one
  • Don't overuse images. One portrait and one screenshot of the IG avatar maximum, unless used to illustrate text on a longer PCs page.
  • When using multiple images, align them left and right so that no two images are below each other. Start with right.
  • The only exception to the above is a PC portrait or a screenshot of the IG avatar, which can be aligned left as first image. However, aligning right is suggested here too.

Tables