Templates

When using templates on SVE, i've created a few methods that can be used for each section.

The best approach to add and edit the content is by using the Source Editor

## Table Data

I know that table are not really the best responsive code to use, but it is best for formulating lots of data that we have.

### Table Base

The basic of using this table is by including the table header, row and end

```
{{TableStart}}
{{TableStartRow|Column 1}}
{{TableRowStart}}
{{TableRow|Row 1}}
{{TableEnd}}

```

**Result:**

{{{caption}}}

### Sorting Header

You can also use it to sort the content by changing the header line

```
{{TableStartSort}}

```

**Result:**

### Deciding width for each column

You can add "|width=(number)px" into the row section

```
{{TableRow|width=80px|Row 1.1}}
{{TableRow|width=160px|Row 1.2}}
{{TableRow|width=120px|Row 1.3}}

```

**Result:**

#### Example:

```
{{TableStart}}
{{TableStartRow|Image}}
{{TableStartRow|Name}}
{{TableStartRow|Description}}

{{TableRowStart}}
{{TableRow|[[File:Grampleton_Orange_Chicken.png|]]}}
{{TableRow|Grampleton Orange Chicken}}
{{TableRow|"A type of cherry found near mountain ridges. Presents a tangy sweet flavor."}}
{{TableEnd}}

```

**Result:**

{{{caption}}}

### Mix & Match

Maybe you want to mix and match tables and rows. for example like the {{MoviesGiftsTableStart}} table but don't like the row content? you can try something like this

**Example:**

```
{{MoviesGiftsTableStart
}}
{{TableRowStart}}
{{TableRow|[[File:Apples.png|48px]]}}
{{TableRow|All [https://stardewvalleywiki.com/Movie_Theater#Concessions Movie Concessions] }}
{{TableEnd}}

```

As you can see I use the Movies header table because i like the 2 line header method but need to determine an individual section just for this example profile. So i use the generic table rows to populate the data.

**Result:**

Likes

**Another example:**

By mixing {{QuotesTableStart}} and {{HeartsTableRow}}

```
{{QuotesTableStart
}}
{{HeartsTableRow
}}
{{TableEnd}}

```

**Result:**

## NPC Icons

NPC icons can be use with link and without

### Icon without link

*Main article: Template:Icon*
there is a whole comprehensive list of icons to use and can be seen at Template:Icon page.

but here is a quick understanding on the variety of icons

#### **SVE villagers**

```
{{Icon|victor}}

```

**Result:**

#### **Vanilla characters**

```
{{Icon|caroline}}

```

**Result:**

### Icon with link

*Main article: Template:NPC*
*Main article: Template:NPCVanilla*
There is a whole comprehensive list of icons to use and can be seen at Template:NPC and Template:NPCVanilla page.

but here is a quick understanding on the variety of icons

#### **SVE villagers**

```
{{NPC|Olivia|Mother}}

```

**Result:**

 Olivia (Mother)

#### **Vanilla characters**

```
{{NPCVanilla|Caroline|Mother}}

```

**Result:**

 Caroline (Mother)

## Profile Creation/editing

*Main article: Template:Character*
when creating a user profile or editing, here and some templates that can be use.

### Character Infobox

Each profile page, needs an info box.
this is an example of Ysabelle.

```
{{Character
[[File:Aged Blue Moon Wine.png|24px]] [[Aged Blue Moon Wine]]

[[File:Golden_Pumpkin.png|24px]] [https://stardewvalleywiki.com/Golden_Pumpkin Golden Pumpkin]

[[File:Prismatic_Shard.png|24px]] [https://stardewvalleywiki.com/Prismatic_Shard Prismatic Shard]

[[File:Pearl.png|24px]] [https://stardewvalleywiki.com/Pearl Pearl]

}}

```

**Result:**

## Information

### Best Gifts

 Aged Blue Moon Wine Golden Pumpkin

 Prismatic Shard

 Pearl

Each label explains which information is needed to be replace with.

when listing Best gifts, remember to space between them to get the spacing effect on the infobox

## Hatnotes

Wondering if you could include a reference link just below the heading, you can use {{Main article}} or {{See also}}

**Example:**

```
{{Main article|Apples}}

```

**Result:**

*Main article: Apples*

**Example:**

```
{{See also|Apples}}

```

**Result:**

*See also: Apples*

## Note

Sometimes you just want to add a small note to highlight some context

**Example:**

```
{{Note|Apples is cute, don't you agree?}}

```

**Result:**

## Quotes

when inserting a quotation for the profile.

```
{{Quote|quote ="Text"}}

```

**Example**

```
{{Quote|quote ="These are just delightful! Thank you!!"}}

```

## Schedules

Collapsible box Header
this code determines the background colour in #hex value and the title text that can be pair up with emojis or html icons.

Color codes can be reference from any website, but i personally like using coolors.co and Emojis or HTML icons can easily be grab from anywhere on the web as well, i use html-css-js.com

### Usage

It starts as usual with {{TableStart}} but with "Schedule" **{{ScheduleTableStart}}** in front of it.

**bg color =** add in the #hex color for the background on the collapsible button

**Season =** is the label text that goes in it. As you can see i use a html code in it, but you can use go to any emoji website and copy paste the icon e.g. 🌸 equals to this 🌸

In table row, the word "schedule is added in front as well to determine we are using schedule row template.

**Time =** insert the time of where the character is

**Location =** and where he/she is

#### Spring

```
{{ScheduleTableStart
}}
{{ScheduleTableRow
}}
{{ScheduleTableRow
 }}
{{ScheduleTableRow
 }}
{{ScheduleTableRow
}}
{{TableEnd}}

```

**Result:**

 7:00 AM
 11:30 AM
 5:00 PM

### Other variations

#### Summer

```
{{ScheduleTableStart
}}

```

**Result:**

#### Fall

```
{{ScheduleTableStart
}}

```

**Result:**

#### Winter

```
{{ScheduleTableStart
}}

```

**Result:**

#### Rain

```
{{ScheduleTableStart
}}

```

**Result:**

#### Special Days

```
{{ScheduleTableStart
}}

```

**Result:**

### Marriage

Marriage schedule just adds in a "Day" but with a new **{{ScheduleTableRowMarriage|Day = Monday}}**

it also can be use if the characters only have Monday to Sunday schedules but no seasons.

```
{{ScheduleTableStart
}}
{{ScheduleTableRowMarriage|Day = Monday}}
{{ScheduleTableRow
 }}
{{TableEnd}}

```

**Result:**

 6:00AM

## Gifts

*See also: Template:GiftsTableRow/data*
this is different since it included the an image and link with a column span of 4.

just copy and paste each section and replace the image name "Victor" to e.g "Maddie" for the staring table

for the table row use GiftsTableRow|name\_of\_item

example

```
{{quote|quote = "Ooo! This is one of my favorite things. I'll always treasure it!"}}
{{GiftsTableStart
}}
{{ GiftsTableRow|fairy_stone}}
{{TableEnd}}

```

**Result:**

 Omni Geode

### Other Variations

#### Like

```
{{GiftsTableStart
}}

```

**Result:**

#### Neutral

```
{{GiftsTableStart
}}

```

**Result:**

#### Dislikes

```
{{GiftsTableStart
}}

```

**Result:**

#### Hate

```
{{GiftsTableStart
}}

```

**Result:**

 Hot Pepper (1)

## Movie Theater

this template can be customize the background color and the title text that appears on each table.

each row can determine which movies the character loves/like. i have prepare a copy paste option for each movie.

**Example:**

```
{{MoviesTableStart
}}
{{MoviesTableRow|wumbus}}
{{MoviesTableRow|sapling}}
{{TableEnd}}

```

**Result:**

Loves

## Movie List

**COPY/PASTE for each individual items**

```
{{MoviesTableRow|wumbus}}
{{MoviesTableRow|sapling}}
{{MoviesTableRow|journey}}
{{MoviesTableRow|ranch}}
{{MoviesTableRow|natural}}
{{MoviesTableRow|zuzu}}
{{MoviesTableRow|mysterium}}
{{MoviesTableRow|howls}}

```

**Result:**

### Suggested Table Header Colors

**Likes**

```
{{MoviesTableStart
}}
{{TableEnd}}

```

**Dislikes**

```
{{MoviesTableStart
}}

```

## Concessions

It is the pretty similar as above but using concessions templates.

**Example:**

```
{{MoviesGiftsTableStart
}}
{{MoviesGiftsTableRow|apple_slices}}
{{MoviesGiftsTableRow|black_licorice}}
{{TableEnd}}

```

**Result:**

Loves

### Suggested Table Header Colors

**Likes**

```
{{MoviesGiftsTableStart
}}

```

**Dislikes**

```
{{MoviesGiftsTableStart
}}

```

## Concessions List

**COPY/PASTE for each individual items**

```
{{MoviesGiftsTableRow|apple_slices}}
{{MoviesGiftsTableRow|black_licorice}}
{{MoviesGiftsTableRow|cappuccino_mousse_cake}}
{{MoviesGiftsTableRow|chocolate_popcorn}}
{{MoviesGiftsTableRow|cotton_candy}}
{{MoviesGiftsTableRow|fries}}
{{MoviesGiftsTableRow|hummus_snack_pack}}
{{MoviesGiftsTableRow|ice_cream_sandwich}}
{{MoviesGiftsTableRow|jasmine_tea}}
{{MoviesGiftsTableRow|jawbreaker}}
{{MoviesGiftsTableRow|joja_cola_large}}
{{MoviesGiftsTableRow|jojacorn}}
{{MoviesGiftsTableRow|kale_smoothie}}
{{MoviesGiftsTableRow|nachos}}
{{MoviesGiftsTableRow|panzanella_salad}}
{{MoviesGiftsTableRow|personal_pizza}}
{{MoviesGiftsTableRow|popcorn}}
{{MoviesGiftsTableRow|rock_candy}}
{{MoviesGiftsTableRow|salmon_burger}}
{{MoviesGiftsTableRow|salted_peanuts}}
{{MoviesGiftsTableRow|sour_slimes}}
{{MoviesGiftsTableRow|star_cookie}}
{{MoviesGiftsTableRow|stardrop_sorbet}}
{{MoviesGiftsTableRow|truffle_popcorn}}

```

## Hearts Events

#### Heart Icons

**Red Heart**

```
{{icon|rheart}}

```

**Result:**

**Black Heart**

```
{{icon|bheart}}

```

**Result:**

**Half Heart**

```
{{icon|halfheart}}

```

**Result:**

## Heart Events Data

It is pretty similiar but except with "Hearts" in front of Table Start, so it becomes {{HeartsTableStart}}
Extra section is not needed, just additional info if you need.

```
{{HeartsTableStart}}
{{HeartsTableRow
}}
{{HeartsTableRow
}}
{{HeartsTableRow
}}
{{HeartsTableRow
}}
{{HeartsTableRow
}}
{{HeartsTableRowDesc
}}
{{TableEnd}}

```

## Quotes

Same as above but instead

title = suggest the event date e.g. Spring 1st

quote = what did the character say on that day

```
{{QuotesTableStart
}}
{{QuotesTableRow
}}
{{TableEnd}}

```

**Result:**

### Preloaded frame for Events Quote

I have prepared a COPY/PASTE to tabulate the table data including links for usage, All you need to do is fill in the Quote

```
{{QuotesTableStart
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{QuotesTableRow
}}
{{TableEnd}}

```

## Site Navigation

this would be use at the bottom of each categorize template.

### Character list

*Main article: Template:NavBoxChar*

```
{{NavBoxChar}}

```

**Result:**

### Locations list

*Main article: Template:NavBoxLocations*

```
{{NavBoxLocations}}

```

**Result:**

### Objects list

*Main article: Template:NavBoxObj*

```
{{NavBoxObj}}

```

**Result:**

### Monster list

*Main article: Template:NavBoxMonsters*

```
{{NavBoxMonsters}}

```

**Result:**

If there is any questions, please feel free to drop me a message. - chochammie