Grouse

EditingGuide: Difference between revisions

From Grouse House Wiki

No edit summary
No edit summary
Line 1: Line 1:
== General Editing Guide and Templates ==
This page contains important editing information, tips, and tricks for creating and managing wiki pages.


=== Templates and Styles Available for Use ===
{{H2Static|Color Guide}}
'''Crowdsourcing Notice'''
Here are some hex codes for some common colors used across the site.
{{Crowdsourcing}}
<pre>{{Crowdsourcing}}</pre>


'''Single column list box like [[Lunar_Event#Schedule|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>


'''Basic Responsive Image Grid'''<br>
<table style="width: 100%;">
Used on the Main page-this format is best for larger images.
<tr>
 
<td style="background-color: #252525; width: 10%;"></td><td style="padding-left: 1em; width: 20%;">#252525</td><td>Dark gray on header</td>
<pre><div class="imagegrid">
</tr><tr>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
<td style="background-color: #5388a0; width: 10%;"></td><td style="padding-left: 1em;">#5388a0</td><td>Blue used on links and buttons</td>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
</tr><tr>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
<td style="background-color: #007095; width: 10%;"></td><td style="padding-left: 1em;">#007095</td><td>Dark blue used on hovers and some links</td>
<div class="gridimage">[[File: IMAGE SOURCE]]</div>
</tr><tr>
</div></pre>
<td style="background-color: #b0b0b0; width: 10%;"></td><td style="padding-left: 1em;">#b0b0b0</td><td>Header dark gray</td>
 
</tr><tr>
'''Small Image Grid'''<br>
<td style="background-color: #bcbcbc; width: 10%;"></td><td style="padding-left: 1em;">#bcbcbc</td><td>Subheader mid gray</td>
This grid format is best used for lists of items like [[[[Lunar_Event#Event-Specific_Trophies|here]].
</tr><tr>
 
<td style="background-color: #d4d4d4; width: 10%;"></td><td style="padding-left: 1em;">#d4d4d4</td><td>Sidebar mid gray</td>
In this template, Fields 1 and 2 can be used to share any text, like the item's obtention or cost.
</tr><tr>
<pre>{{ItemGrid}}
<td style="background-color: #d33; width: 10%;"></td><td style="padding-left: 1em;">#d33</td><td>Warning red</td>
{{ItemGridItem|[[File: IMAGE SOURCE]]|ITEM NAME|FIELD 1|FIELD 2}}
</tr>
{{EndItemGrid}}</pre>
</table>
 
'''Lunar Explore Encounters'''<br>
Explore encounter tables follow a simple format. These templates do not have time of day indicators like other explore encounters would need.


Image and text
{{H2Static|Basic Page Setup}}
<pre><html><table class="explore_encounter"><tr><td colspan=3 style="background:white;">[[File: IMAGE SOURCE.png]]</td></tr>
=== Headers and Sections ===
<tr><td colspan=3>ENCOUNTER TEXT</td></tr></pre>
Headers define how a section is presented in the article. Sections can be collapsible - either collapsed by default or open by default - or static/noncollapsible. Each type of header is defined using a template. Headers entered without using these templates will not be visible in the article!


Multiple choice options
<pre><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></pre>


If an option has multiple results, you can use a rowspan.
==== '''Collapsible Headers''' ====
<pre><tr class="encounter_options">
When using collapsible headers, each section should begin with a header template below and end with this end template.
<td style="width: 20%;" rowspan=2>OPTION 1</td>
<pre>{{HEnd}}</pre>
<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></pre>


Be sure to close the table when you're done!
<pre></table></html></pre>


'''Shopkeeper Table'''<br>
For example, a section might appear like this if it is collapsible and open by default.
This table is used at the top of any shops to share the shopkeeper's image and text.
<pre>{{H2Active|Header}}
Section content.
{{HEnd}}</pre>


<pre><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></pre>


'''Open by Default'''


'''Shop Content'''<br>
To create a section that's open by default, use one of the following templates in place of the header.
Shop content templates are separated by shop to make updating easier.


Lunar Shop Content
<pre>{{ShopContent}}
{{LunarShopItem||ITEM NAME|[[File: IMAGE THUMB SOURCE]]|COST (DIGIT ONLY)|ADDITIONAL REQUIREMENTS|[[FILE: PREVIEW IMAGE SOURCE]]}}
{{EndShopContent}}</pre>


Main Header
<pre>{{H2Active|Header}}</pre>


'''Lunar Event Applicators'''<br>
Monthly lunar event applicators.


Base month
'''Closed by Default'''
<pre><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></pre>


Markings month
To create a section that's open by default, use one of the following templates in place of the header.
<pre><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></pre>
 
Special event with eye applicator
<pre><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></pre>
 
Special event with no new applicators
<pre><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></pre>


'''Crafting Recipe'''


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


Ingredients formatting example
<pre>
{{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]]
}}</pre>


=== Tips and Tricks ===
'''Static/Noncollapsible'''
'''Making a section collapsible'''<br><br>


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.<
To create a section that's static/non-collapsible, use one of the following templates in place of the header. When using a static section, you do not need to use an end template at the end of the section.
<pre>== HEADER ==
<div class="c-content">
CONTENT
</div></pre>


'''Adding a caption to an image'''<br><br>


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.
Main Header
<pre>[[File: IMAGE SOURCE|frame|CAPTION]]
<pre>{{H2Static|Header}}</pre>
[[File: IMAGE SOURCE|center|frame|CAPTION]]</pre>

Revision as of 01:32, 4 February 2024

This page contains important editing information, tips, and tricks for creating and managing wiki pages.

Template:H2Static Here are some hex codes for some common colors used across the site.


#252525Dark gray on header
#5388a0Blue used on links and buttons
#007095Dark blue used on hovers and some links
#b0b0b0Header dark gray
#bcbcbcSubheader mid gray
#d4d4d4Sidebar mid gray
#d33Warning red

Template:H2Static

Headers and Sections

Headers define how a section is presented in the article. Sections can be collapsible - either collapsed by default or open by default - or static/noncollapsible. Each type of header is defined using a template. Headers entered without using these templates will not be visible in the article!


Collapsible Headers

When using collapsible headers, each section should begin with a header template below and end with this end template. 

{{HEnd}}


For example, a section might appear like this if it is collapsible and open by default. 

{{H2Active|Header}}
Section content.
{{HEnd}}


Open by Default

To create a section that's open by default, use one of the following templates in place of the header.


Main Header 

{{H2Active|Header}}


Closed by Default

To create a section that's open by default, use one of the following templates in place of the header.


Main Header 

{{H2Hidden|Header}}


Static/Noncollapsible

To create a section that's static/non-collapsible, use one of the following templates in place of the header. When using a static section, you do not need to use an end template at the end of the section.


Main Header 

{{H2Static|Header}}
Retrieved from "http://grousehouse.wiki/index.php?title=Grouse:EditingGuide&oldid=3053"