Template:Character Relationship Box: Difference between revisions
Template page
More actions
Content deleted Content added
LordSkorne7 (talk | contribs) No edit summary Tag: 2017 source edit |
Tesinormed (talk | contribs) No edit summary Tag: 2017 source edit |
||
| (38 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="Character Relationship Box/styles.css"/><div class="character-relationship-box" style="--template-arg-background:{{{background|var(--color-surface-1)}}};--template-arg-color:{{{color|var(--color-amaranth-legacy-scope)}}};--template-arg-border-color:{{{border-color|var(--template-arg-color)}}};--template-arg-border-image:{{{border-image|unset}}};--template-arg-section-color:{{{section-color|var(--template-arg-color)}}};"> |
|||
[[Category:META: Templates: LordSkorne7]] |
|||
[[File:{{{image}}}|128px|right]] |
|||
<includeonly> |
|||
<div |
|||
class="character-relationship-box" |
|||
style=" |
|||
--border-color:{{{border-color|#df0049}}}; |
|||
--background-color:{{{background-color|#2b2b2b}}}; |
|||
--header-color:{{{header-color|#df0049}}}; |
|||
--text-color:{{{text-color|#e0e0e0}}}; |
|||
--image-size:{{{image-size|100px}}}; |
|||
width: {{{width|auto}}}; |
|||
text-align: {{{align|left}}}; |
|||
" |
|||
> |
|||
<div class="character-relationship-content"> |
|||
<div class="character-relationship-header"> |
|||
{{{hearts|♥♥♥♥♥}}} {{{name|Character Name}}} |
|||
</div> |
|||
<span class="character-relationship-box-hearts" style="--template-arg-heart-color:{{{heart-color|var(--template-arg-color)}}};">{{yesno|{{yesno-yes|{{{hearts-display}}}}}|yes={{#switch:{{{hearts|5}}} |
|||
<div class="character-relationship-subinfo"> |
|||
| 1 = {{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}} |
|||
<b>Relationship:</b> {{{relationship|None}}}<br> |
|||
| 2 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}} |
|||
<b>Meeting Date:</b> {{{meeting-date|Unknown}}}<br> |
|||
| 3 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}} |
|||
<b>Meeting Location:</b> {{{meeting-location|Unknown}}}<br> |
|||
| 4 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}} |
|||
<b>Met Through:</b> {{{met-through|Unknown}}} |
|||
| 5 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}} |
|||
</div> |
|||
| default = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}} |
|||
}}<nowiki> </nowiki>}}{{{name}}}</span> |
|||
<span class="character-relationship-box-label">Relationship: </span> {{{relationship}}} |
|||
{{{description|Relationship description goes here.}}} |
|||
</div> |
|||
</div> |
|||
<span class="character-relationship-box-label">Meeting Date: </span> {{{meeting-date}}} |
|||
[[File:{{{image|Example.png}}}|{{{image-size|100px}}}]] |
|||
</div> |
|||
</div> |
|||
</includeonly> |
|||
<span class="character-relationship-box-label">Meeting Location: </span> {{{meeting-location}}} |
|||
<noinclude> |
|||
<span class="character-relationship-box-label">Met Through: </span> {{{met-through}}} |
|||
<span class="character-relationship-box-label">Description:</span> |
|||
<div class="character-relationship-box-description"> |
|||
{{{description}}} |
|||
</div> |
|||
</div></includeonly><noinclude> |
|||
<templatedata> |
<templatedata> |
||
{ |
{ |
||
"description": " |
"description": "Creates a customizable character relationship box with proper side-by-side positioning for image and text, optional hearts, and dynamic labels.", |
||
"params": { |
"params": { |
||
" |
"background": { "label": "Background", "type": "string", "default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)" }, |
||
" |
"border-color": { "label": "Border Color", "type": "string", "default": "#137dc4" }, |
||
" |
"section-color": { "label": "Section Label Color", "type": "string", "default": "#c7b5e5" }, |
||
" |
"heart-color": { "label": "Heart Color", "type": "string", "default": "#a38bd3" }, |
||
" |
"heart-type": { "label": "Heart Symbol", "type": "string", "default": "♥" }, |
||
" |
"hearts": { "label": "Number of Hearts", "type": "number", "default": "5" }, |
||
" |
"hearts-display": { "label": "Custom Hearts Display", "type": "string" }, |
||
" |
"name": { "label": "Name next to Hearts", "type": "string", "default": "Hope" }, |
||
"image |
"image": { "label": "Image File Name", "type": "string", "default": "Glypht.png" }, |
||
" |
"relationship": { "label": "Relationship", "type": "string", "default": "Light of His Life!" }, |
||
" |
"meeting-date": { "label": "Meeting Date", "type": "string" }, |
||
" |
"meeting-location": { "label": "Meeting Location", "type": "string" }, |
||
" |
"met-through": { "label": "Met Through", "type": "string" }, |
||
" |
"description": { "label": "Description", "type": "string" } |
||
"align": { "label": "Text Align", "type": "string", "default": "left" } |
|||
} |
} |
||
} |
} |
||
</templatedata> |
</templatedata> |
||
==Examples== |
|||
<syntaxhighlight lang="wikitext" copy> |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
|color=#137dc4 |
|||
|hearts-display=no |
|||
|name=Example |
|||
|image=Glypht.png |
|||
|relationship=Cool |
|||
|meeting-date=2025 |
|||
|meeting-location=Amaranthia |
|||
|met-through=Amaranth Legacy |
|||
|description=Glyph t |
|||
}} |
|||
</syntaxhighlight> |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
|color=#137dc4 |
|||
|hearts-display=no |
|||
|name=Example |
|||
|image=Glypht.png |
|||
|relationship=Cool |
|||
|meeting-date=2025 |
|||
|meeting-location=Amaranthia |
|||
|met-through=Amaranth Legacy |
|||
|description=Glyph t |
|||
}} |
|||
<syntaxhighlight lang="wikitext" copy> |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
|color=#137dc4 |
|||
|hearts=3 |
|||
|heart-color=green |
|||
|name=Example |
|||
|image=Glypht.png |
|||
|relationship=Cool |
|||
|meeting-date=2025 |
|||
|meeting-location=Amaranthia |
|||
|met-through=Amaranth Legacy |
|||
|description=Glyph t |
|||
}} |
|||
</syntaxhighlight> |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
|color=#137dc4 |
|||
|hearts=3 |
|||
|heart-color=green |
|||
|name=Example |
|||
|image=Glypht.png |
|||
|relationship=Cool |
|||
|meeting-date=2025 |
|||
|meeting-location=Amaranthia |
|||
|met-through=Amaranth Legacy |
|||
|description=Glyph t |
|||
}} |
|||
==Credits== |
|||
Significantly based upon relationship boxes from [https://numbersstory.com/ Numbers Story] by [https://numbersstory.com/fun/secretlore/about Marvin] |
|||
[[Category:Templates: LordSkorne7]] |
|||
[[Category:Templates: tesinormed]] |
|||
</noinclude> |
</noinclude> |
||
Latest revision as of 00:51, May 25, 2025
Creates a customizable character relationship box with proper side-by-side positioning for image and text, optional hearts, and dynamic labels.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Background | background | no description
| String | optional |
| Border Color | border-color | no description
| String | optional |
| Section Label Color | section-color | no description
| String | optional |
| Heart Color | heart-color | no description
| String | optional |
| Heart Symbol | heart-type | no description
| String | optional |
| Number of Hearts | hearts | no description
| Number | optional |
| Custom Hearts Display | hearts-display | no description | String | optional |
| Name next to Hearts | name | no description
| String | optional |
| Image File Name | image | no description
| String | optional |
| Relationship | relationship | no description
| String | optional |
| Meeting Date | meeting-date | no description | String | optional |
| Meeting Location | meeting-location | no description | String | optional |
| Met Through | met-through | no description | String | optional |
| Description | description | no description | String | optional |
Examples
{{Character Relationship Box
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)
|color=#137dc4
|hearts-display=no
|name=Example
|image=Glypht.png
|relationship=Cool
|meeting-date=2025
|meeting-location=Amaranthia
|met-through=Amaranth Legacy
|description=Glyph t
}}
Example
Relationship: Cool
Meeting Date: 2025
Meeting Location: Amaranthia
Met Through: Amaranth Legacy
Description:
Glyph t
{{Character Relationship Box
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)
|color=#137dc4
|hearts=3
|heart-color=green
|name=Example
|image=Glypht.png
|relationship=Cool
|meeting-date=2025
|meeting-location=Amaranthia
|met-through=Amaranth Legacy
|description=Glyph t
}}
♥♥♥♡♡ Example
Relationship: Cool
Meeting Date: 2025
Meeting Location: Amaranthia
Met Through: Amaranth Legacy
Description:
Glyph t
Credits
Significantly based upon relationship boxes from Numbers Story by Marvin