PCs:Style: Difference between revisions

From Avlis Wiki
Jump to navigation Jump to search
mNo edit summary
 
(ToU)
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{| style="border:1px solid grey" align="center"
{{policy}}
| This is an ''unofficial'' [[Avlis_Wiki:About|Avlis Wiki]] [[Wikipedia:Style_guide|style guide]] until it has been approved by an [[Special:Listadmins|admin]].
This style guide is a set of guidelines to help you in 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 and [[PCs#Terms of Use|Terms of Use]].
 
== Text ==
* Make sure your text is readable.  Use punctuation.  Most importantly, separate your text into paragraphs. Remember that you need to hit return two times, not one, or use the <nowiki><br></nowiki> tag.
 
* Don't copy information 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.  This does not mean you cannot copy ideas from other [[PCs]] pages.
 
* 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.  For example, <nowiki>[http://www.avlis.org Avlis Main Page]</nowiki> becomes: [http://www.avlis.org Avlis Main Page].
 
* Justified text in tables or beside images looks great.  The best way to do this is to surround it with a '''<nowiki><div></div></nowiki>''' object.
{| style="border:1px solid grey" align="center" width="800px"
|+ Example:
| '''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.
| <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>
|}
|}
* 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 ==
* 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.


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.
:For reference, see the image line and effect it has for [[PCs:Sinomi_Sii| Sinomii's current page]] and [http://www.avlis.org/wiki/index.php?title=PCs:Sinomi_Sii&oldid=12346 the old one]


== Text ==
* 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.


== Images ==
* 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 ==
== Tables ==
* It is advised not to use a table (for changing color) if all the content of the page is inside a single table. See [[PCs:Dannar_Sunrise]] for a good example of using a table to add color, while not putting everything inside the table.
* Don't change the text color of the whole or most of the page. Some wiki styles don't display the text very well then, especially white text on a black table background.
* Keep background colours light. Generally over 150 brightness, over 200 advised with colors already 'dark' looking.(Grey-Black, Blue, Red)
* The above makes it difficult to make a PC page look 'evil', as dark backgrounds are the easiest way to achieve it. Try using well-placed images (See above), and easy to read text with evil deeds instead.
[[Category:PCs|Style Guide]]

Latest revision as of 18:17, 11 May 2021

This page is an official policy on the Avlis Wiki.

This style guide is a set of guidelines to help you in 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 and Terms of Use.

Text

  • Make sure your text is readable. Use punctuation. Most importantly, separate your text into paragraphs. Remember that you need to hit return two times, not one, or use the <br> tag.
  • Don't copy information 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. This does not mean you cannot copy ideas from other PCs pages.
  • 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. For example, [http://www.avlis.org Avlis Main Page] becomes: Avlis Main Page.
  • Justified text in tables or beside images looks great. The best way to do this 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

  • It is advised not to use a table (for changing color) if all the content of the page is inside a single table. See PCs:Dannar_Sunrise for a good example of using a table to add color, while not putting everything inside the table.
  • Don't change the text color of the whole or most of the page. Some wiki styles don't display the text very well then, especially white text on a black table background.
  • Keep background colours light. Generally over 150 brightness, over 200 advised with colors already 'dark' looking.(Grey-Black, Blue, Red)
  • The above makes it difficult to make a PC page look 'evil', as dark backgrounds are the easiest way to achieve it. Try using well-placed images (See above), and easy to read text with evil deeds instead.