Grouse

Grouse:EditingGuide

From Grouse House Wiki

Revision as of 20:42, 23 January 2024 by Mel (talk | contribs) (Created page with "== General Editing Guide and Templates == === Templates and Styles Available for Use === '''Crowdsourcing Notice''' {{Crowdsourcing}} <pre>{{Crowdsourcing}}</pre> '''Single column list box like here''' <pre><html><table class="TB-basic-list"> <th style="text-align:center;">List Title</th> <tr style="background-color: gray; text-align: center; font-weight: bold;"><td>List Subtitle</td></tr> <tr><td>List Content</td></tr> </table></html></pre> '...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

General Editing Guide and Templates

Templates and Styles Available for Use

Crowdsourcing Notice

Warning: Crowdsourcing!
This article is created largely with the help of crowdsourcing. Due to this, some information may be incomplete or not yet verified. If you find an error or missing information, feel free to submit a Contribution!
{{Crowdsourcing}}

Single column list box like here 

<html><table class="TB-basic-list">
<th style="text-align:center;">List Title</th>
<tr style="background-color: gray; text-align: center; font-weight: bold;"><td>List Subtitle</td></tr>
<tr><td>List Content</td></tr>
</table></html>

Basic Responsive Image Grid
Used on the Main page-this format is best for larger images. 

<div class="imagegrid">
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
</div>

Small Image Grid
This grid format is best used for lists of items like [[here.

In this template, Fields 1 and 2 can be used to share any text, like the item's obtention or cost. 

{{ItemGrid}}
{{ItemGridItem|[[File: IMAGE SOURCE]]|ITEM NAME|FIELD 1|FIELD 2}}
{{EndItemGrid}}

Explore Encounters
Explore encounter tables follow a simple format.

Image and text 

<html><table class="explore_encounter"><tr><td colspan=3 style="background:white;">[[File: IMAGE SOURCE.png]]</td></tr>
<tr><td colspan=3>ENCOUNTER TEXT</td></tr>

Multiple choice options 

<tr class="encounter_options">
<td style="width: 20%;">OPTION 1</td>
<td style="width: 50%;">RESULT 1</td>
<td style="width: 30%;">REWARD 1</td></tr>
<tr class="encounter_options">
<td style="width: 20%;">OPTION 2</td>
<td style="width: 50%;">RESULT 2</td>
<td style="width: 30%;">REWARD 2</td></tr>

If an option has multiple results, you can use a rowspan. 

<tr class="encounter_options">
<td style="width: 20%;" rowspan=2>OPTION 1</td>
<td style="width: 50%;">RESULT 1a</td>
<td style="width: 30%;">REWARD 1a</td></tr>
<tr class="encounter_options">
<td style="width: 50%;">RESULT 1b</td>
<td style="width: 30%;">REWARD 1b</td></tr>

Be sure to close the table when you're done! 

</table></html>

Shopkeeper Table
This table is used at the top of any shops to share the shopkeeper's image and text. 

<table class="shopkeeper" style="background-color:#dedede;border:1px solid black;">
<tr style="border: 1px solid black;">
<td style="background-color:#c7c7c7;"><b>SHOPKEEPER NAME</b></td><td style="text-align:right;background-color:#c7c7c7;"></td></tr>
<tr><td><img src="IMAGE SOURCE"></td>
<td>SHOPKEEPER TEXT</td></tr>
</table></html>


Shop Content
Shop content templates are separated by shop to make updating easier.

Lunar Shop Content 

{{ShopContent}}
{{LunarShopItem||ITEM NAME|[[File: IMAGE THUMB SOURCE]]|COST (DIGIT ONLY)|ADDITIONAL REQUIREMENTS|[[FILE: PREVIEW IMAGE SOURCE]]}}
{{EndShopContent}}


Lunar Event Applicators
Monthly lunar event applicators.

Base month 

<table class="lunar_applicators">
<tr style="border: 1px solid black;">
<td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td>
</tr><tr style="border: 1px solid black;">
<td colspan=4>[[File: PREVIEW IMAGE SOURCE|class="img_appmonth"]]</td>
</tr><tr style="border: 1px solid black;">
<td style="width: 25%;">[[File: BASE ICON SOURCE]]<br>'''Base Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 500 LT</td>
<td style="width: 25%;">[[File: CLAW ICON SOURCE.png]]<br>'''Claw Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td>
<td style="width: 25%;">[[File: NOSE ICON SOURCE.png]]<br>'''Nose Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td>
<td style="width: 25%;">[[File: SKIN ICON SOURCE.png]]<br>'''Skin Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td>
</tr><tr style="border: 1px solid black;">
<td>[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td>
<td></td><td></td><td></td></tr></table>

Markings month 

<table class="lunar_applicators">
<tr style="border: 1px solid black;">
<td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td>
</tr><tr style="border: 1px solid black;">
<td colspan=4>[[File: PREVIEW IMAGE SOURCE.png|class="img_appmonth"]]</td>
</tr><tr style="border: 1px solid black;">
<td style="width: 25%;"></td>
<td style="width: 25%;">[[File: MARKINGS ICON SOURCE.png]]<br>'''Markings Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table>

Special event with eye applicator 

<table class="lunar_applicators">
<tr style="border: 1px solid black;">
<td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td>
</tr><tr>
<td colspan=3>During this Special Lunar Event, every previous applicator returned, so only an eye applicator was introduced.</td>
</tr><tr style="border: 1px solid black;">
<td colspan=3>[[File: PREVIEW IMAGE SOURCE.png]]</td>
</tr><tr style="border: 1px solid black;">
<td style="width: 33%;"></td>
<td style="width: 33%;">[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td>
<td style="width: 33%;"></td></tr></table>

Special event with no new applicators 

<table class="lunar_applicators">
<tr style="border: 1px solid black;">
<td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td>
</tr><tr>
<td colspan=3>No new applicators were released during this Special Lunar Event.</td>
</tr></table>

Crafting Recipe 

{{CraftingRecipe
|RECIPE NAME
|[[File: RECIPE THUMB SOURCE]]
|INGREDIENTS - with images and separated by breaks (example below)
|OBTENTION METHOD
|[[File: PREVIEW IMAGE SOURCE]]
}}

Ingredients formatting example 

{{CraftingRecipe
|RECIPE NAME
|[[File: RECIPE THUMB SOURCE]]
|[[File:chargedcore.png]] x1 Charged Core<br>[[File:charged_eyeball.png]] x2 Charged Eyeball<br>[[File:essence-covered-furclump.png]] x10 Essence-Covered Fur Clump<br>[[File:glowing_spores.png]] x15 Glowing Spores
|OBTENTION METHOD
|[[File: PREVIEW IMAGE SOURCE]]
}}

Tips and Tricks

Making a section collapsible

Article sections are not collapsible by default on the desktop version of the wiki. In order to make a caption collapse, the header must be an h2 header, and the content in the section must be surrounded by a classed div.< 

== HEADER ==
<div class="c-content">
CONTENT
</div>

Adding a caption to an image

Mediawiki's built-in Frame format helps you add a caption to an image. By default, the framed image will be off to the side of the page, but adding a "center" parameter will move it to the center. 

[[File: IMAGE SOURCE|frame|CAPTION]]
[[File: IMAGE SOURCE|center|frame|CAPTION]]
Retrieved from "http://grousehouse.wiki/index.php?title=Grouse:EditingGuide&oldid=1451"