Style Guide for Staff: Difference between revisions

(3 intermediate revisions by the same user not shown)

Line 9:

*[[File:Doubtwrite.png|30px]] means "review later, or unsure about quality of writing".

*[[File:Nowrite.png|30px]] means "author refuses to write, someone else must take over".

==Gallery Usage==

File:Magicschoolse.png|link=Draft:Magic Schools|[[Magic Schools]] covers Spell usage.

File:Demonss.png|link=Draft:Demonology|[[Demonology]] covers Demon lore.

File:Demonso.png|link=Draft:Demons|[[Demons]] covers playable Demons.

File:Arkensslo.png|link=Draft:Arken|[[Arken]] covers god-like Demons.

File:Arkenborns.png|link=Arkenborn|[[Arkenborn]] covers playable Demi-Demons.

File:Curssesd.png|link=Draft:Curses|[[Curses]] covers how to use Curses.

File:Artifactuss.png|link=Artifacts|[[Artifacts]] covers magical Artifacts.

File:Alariggaens.png|link=Aelrrigan Order|[[Aelrrigan Order]] covers the Mage-Police.

File:Occultlaw.png|link=Draft:Occult Law|[[Occult Law]] covers Magic State law.

File:Dukesumons.png|link=Duke Summoning|[[Duke Summoning]] covers Events.

</gallery>

This is an example of a good gallery. It is good because it has the following traits:

* The images are of a similar design philosophy and feel like they belong together in one set.

* The text under the images has the same "line" height. If one text had more text and skipped over to the next "line", it would be ugly.

* The spacing of the images is across the width of the page. This works with uneven images.

* If the images need to be larger and would naturally skip across to the next row, make sure the gallery is even in number.

* Galleries when used as a category referral like this, should generally have small-ish images to promote readablity, no more than 50% of page lenght.

* Galleries that have larger images are however permitted on category only pages such as on the [[Religions]] Page, but avoided on text pages

* The images have a black border on light color, meaning it still works both on light and dark mode template for the wiki

* The images avoid transparency which only works when using complete black borders to separate from the background.

@@ Line 9: / Line 9: @@
 *[[File:Doubtwrite.png|30px]] means "review later, or unsure about quality of writing".
 *[[File:Nowrite.png|30px]] means "author refuses to write, someone else must take over".
+==Gallery Usage==
+<gallery mode="packed" widths="80px" heights="150px">
+File:Magicschoolse.png|link=Draft:Magic Schools|[[Magic Schools]] covers Spell usage.
+File:Demonss.png|link=Draft:Demonology|[[Demonology]] covers Demon lore.
+File:Demonso.png|link=Draft:Demons|[[Demons]] covers playable Demons.
+File:Arkensslo.png|link=Draft:Arken|[[Arken]] covers god-like Demons.
+File:Arkenborns.png|link=Arkenborn|[[Arkenborn]] covers playable Demi-Demons.
+File:Curssesd.png|link=Draft:Curses|[[Curses]] covers how to use Curses.
+File:Artifactuss.png|link=Artifacts|[[Artifacts]] covers magical Artifacts.
+File:Alariggaens.png|link=Aelrrigan Order|[[Aelrrigan Order]] covers the Mage-Police.
+File:Occultlaw.png|link=Draft:Occult Law|[[Occult Law]] covers Magic State law.
+File:Dukesumons.png|link=Duke Summoning|[[Duke Summoning]] covers Events.
+</gallery>
+This is an example of a good gallery. It is good because it has the following traits:
+* The images are of a similar design philosophy and feel like they belong together in one set.
+* The text under the images has the same "line" height. If one text had more text and skipped over to the next "line", it would be ugly.
+* The spacing of the images is across the width of the page. This works with uneven images.
+* If the images need to be larger and would naturally skip across to the next row, make sure the gallery is even in number.
+* Galleries when used as a category referral like this, should generally have small-ish images to promote readablity, no more than 50% of page lenght.
+* Galleries that have larger images are however permitted on category only pages such as on the [[Religions]] Page, but avoided on text pages
+* The images have a black border on light color, meaning it still works both on light and dark mode template for the wiki
+* The images avoid transparency which only works when using complete black borders to separate from the background.