Toggle search
Toggle menu
3.8K
12.6K
132
187.2K
Amaranth Legacy
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Character Relationship Box: Difference between revisions

Template page
More actions
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
 
(32 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)}}};">
<includeonly>
[[File:{{{image}}}|128px|right]]
<span style="display:block; border:2px solid {{{border-color|#137dc4}}}; border-radius:15px; background:{{{background|linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)}}}; padding:15px; width:750px; font-family:Varela Round, sans-serif; color:#e2d1e5; position:relative; box-shadow:0 0 12px {{{border-color|#137dc4}}};">


<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}}}
<span style="position:absolute; top:15px; right:15px;">
| 1 = {{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}
[[File:{{{image|Glypht.png}}}|90px]]
| 2 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}
</span>
| 3 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}
| 4 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}
| 5 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
| default = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
}}<nowiki> </nowiki>}}{{{name}}}</span>


<span class="character-relationship-box-label">Relationship: </span> {{{relationship}}}
<span style="font-size:130%; font-weight:bold; color:{{{heart-color|#a38bd3}}};">
{{#switch:{{{hearts|5}}}
| 1 = {{{heart-type|♥}}}
| 2 = {{{heart-type|♥}}}{{{heart-type|♥}}}
| 3 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
| 4 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
| 5 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
| default = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
}} {{{name|Hope}}}
</span><br />


<span class="character-relationship-box-label">Meeting Date: </span> {{{meeting-date}}}
<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Relationship:</span> {{{relationship|Light of His Life!}}}<br />
<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Date:</span> {{{meeting-date|}}}<br />
<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Location:</span> {{{meeting-location|}}}<br />
<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Met Through:</span> {{{met-through|}}}<br />
<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Description:</span><br /><br />
{{{description|}}}


<span class="character-relationship-box-label">Meeting Location: </span> {{{meeting-location}}}
</span>
</includeonly>


<span class="character-relationship-box-label">Met Through: </span> {{{met-through}}}
<noinclude>

<span class="character-relationship-box-label">Description:</span>
<div class="character-relationship-box-description">
{{{description}}}
</div>
</div></includeonly><noinclude>
<templatedata>
<templatedata>
{
{
"description": "Creates a customizable character relationship info box with hearts, a name, an optional image, and a detailed 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%)" },
"background": {
"label": "Background",
"border-color": { "label": "Border Color", "type": "string", "default": "#137dc4" },
"type": "string",
"section-color": { "label": "Section Label Color", "type": "string", "default": "#c7b5e5" },
"heart-color": { "label": "Heart Color", "type": "string", "default": "#a38bd3" },
"default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)",
"heart-type": { "label": "Heart Symbol", "type": "string", "default": "♥" },
"description": "Background color or gradient."
"hearts": { "label": "Number of Hearts", "type": "number", "default": "5" },
},
"hearts-display": { "label": "Custom Hearts Display", "type": "string" },
"border-color": {
"label": "Border Color",
"name": { "label": "Name next to Hearts", "type": "string", "default": "Hope" },
"type": "string",
"image": { "label": "Image File Name", "type": "string", "default": "Glypht.png" },
"default": "#137dc4",
"relationship": { "label": "Relationship", "type": "string", "default": "Light of His Life!" },
"meeting-date": { "label": "Meeting Date", "type": "string" },
"description": "Border color around the box."
"meeting-location": { "label": "Meeting Location", "type": "string" },
},
"met-through": { "label": "Met Through", "type": "string" },
"section-color": {
"label": "Section Label Color",
"description": { "label": "Description", "type": "string" }
"type": "string",
"default": "#c7b5e5",
"description": "Color of the section labels (e.g., 'Relationship', 'Meeting Date')."
},
"heart-color": {
"label": "Heart Color",
"type": "string",
"default": "#a38bd3",
"description": "Color of the hearts displayed at the top."
},
"heart-type": {
"label": "Heart Symbol",
"type": "string",
"default": "♥",
"description": "Symbol used for hearts (e.g., ♥ or ♡)."
},
"hearts": {
"label": "Number of Hearts",
"type": "number",
"default": "5",
"description": "Number of hearts to show (1–5)."
},
"name": {
"label": "Name next to Hearts",
"type": "string",
"default": "Hope",
"description": "Name that appears next to the hearts."
},
"image": {
"label": "Image File Name",
"type": "string",
"default": "Glypht.png",
"description": "Filename of the image to display (without File:)."
},
"relationship": {
"label": "Relationship",
"type": "string",
"default": "Light of His Life!",
"description": "Short description of the relationship."
},
"meeting-date": {
"label": "Meeting Date",
"type": "string",
"description": "Date they met."
},
"meeting-location": {
"label": "Meeting Location",
"type": "string",
"description": "Where they met."
},
"met-through": {
"label": "Met Through",
"type": "string",
"description": "How they met (event, person, etc.)."
},
"description": {
"label": "Description",
"type": "string",
"description": "Full description text about the relationship."
}
}
}
}
}
</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.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Backgroundbackground

no description

Default
linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)
Stringoptional
Border Colorborder-color

no description

Default
#137dc4
Stringoptional
Section Label Colorsection-color

no description

Default
#c7b5e5
Stringoptional
Heart Colorheart-color

no description

Default
#a38bd3
Stringoptional
Heart Symbolheart-type

no description

Default
♥
Stringoptional
Number of Heartshearts

no description

Default
5
Numberoptional
Custom Hearts Displayhearts-display

no description

Stringoptional
Name next to Heartsname

no description

Default
Hope
Stringoptional
Image File Nameimage

no description

Default
Glypht.png
Stringoptional
Relationshiprelationship

no description

Default
Light of His Life!
Stringoptional
Meeting Datemeeting-date

no description

Stringoptional
Meeting Locationmeeting-location

no description

Stringoptional
Met Throughmet-through

no description

Stringoptional
Descriptiondescription

no description

Stringoptional

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

Retrieved from "https://amaranth-legacy.community/index.php?title=Template:Character_Relationship_Box&oldid=161495"