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 |
||
| (31 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 |
"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": " |
"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": " |
"name": { "label": "Name next to Hearts", "type": "string", "default": "Hope" }, |
||
"type": "string", |
"image": { "label": "Image File Name", "type": "string", "default": "Glypht.png" }, |
||
"default": " |
"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": " |
"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> |
||
<pre> |
|||
==Examples== |
|||
<syntaxhighlight lang="wikitext" copy> |
|||
{{Character Relationship Box |
{{Character Relationship Box |
||
| |
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
||
| |
|color=#137dc4 |
||
|hearts-display=no |
|||
| section-color = #c7b5e5 |
|||
|name=Example |
|||
| heart-color = #a38bd3 |
|||
|image=Glypht.png |
|||
| heart-type = ♥ |
|||
|relationship=Cool |
|||
| hearts = 5 |
|||
|meeting-date=2025 |
|||
| name = Syx |
|||
|meeting-location=Amaranthia |
|||
| image = (Ambrosia) - Syx Corsage.png |
|||
|met-through=Amaranth Legacy |
|||
| relationship = Light of His Life! |
|||
|description=Glyph t |
|||
| meeting-date = 84 EE |
|||
}} |
|||
| meeting-location = Morningstar |
|||
</syntaxhighlight> |
|||
| met-through = Havreil-Sanlagosa Crusade |
|||
{{Character Relationship Box |
|||
| description = Seven and Syx have been the greatest of friends since his manifestation, sharing the same fate as one another. They have had countless adventures together, ranging from small minuscule tasks, like assisting someone in finding a lost item, to large-scale events such as saving whole worlds. Their bond is so strong that it transcends time, space, and the physical boundaries that exist between them. There is no greater platonic bond than the one he shares with his best friend, Syx. A pair, joined by fate, bound together by choice, and forever linked. |
|||
|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> |
|||
In every sense of the word, Syx is Seven's everything. Everything he is, and everything he has done over the years, is because he wants to see his friend happy, healthy, and content. If there is something that he can do to make Syx smile, to ensure that his friend's future is a bright and wonderful one, then he will do it. No matter the cost, the risk, or how difficult it may seem, he will do whatever it takes to keep his dear friend safe and sound. He would gladly give up his life for Syx, if need be. |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
And the same is shared with Syx Corsage herself. They are two people who will always have each other's back, who always stick together, and who would gladly die slowly to save the other. Syx and Seven love each other as much as one can love a friend and brother or sister. Either would rather see everything in creation burn to ash than see the other harmed. They would rather die a thousand deaths than let anything happen to the other. And should the day come when the worst happens, and one of them must fall to protect the other, they will do so willingly, and without hesitation. They will put each other's lives before their own without a second thought. It is the highest and purest form of devotion, and the truest example of friendship. |
|||
|color=#137dc4 |
|||
|hearts=3 |
|||
They are so close, that it's hard to think of one without thinking of the other; in the same way one thinks of a hand and foot, or a leg and arm. They share the same blood and the same soul. One could say that they are literally joined at the hip, as one cannot function without the other. It is for this reason that, whenever the two are separated from one another, neither is ever truly happy or at ease. It isn't simply that they have grown accustomed to being with one another, and find it difficult to even function without their companion. Rather, it is because, deep down, they know that the world itself would not be complete without the other. That, in the face of a terrible threat, whether it comes in the form of the end of the universe itself, or simply a desperate enemy, it is their duty, their mission, their purpose, and their destiny to stand shoulder-to-shoulder, fighting side-by-side until the very last breath leaves their bodies. |
|||
|heart-color=green |
|||
|name=Example |
|||
Both consider the other to be their equal; their partner, friend, brother, and sister. Not only is it the nature of their relationship, but also the very nature of their being. Without one another, they would not exist, and in the face of any possible danger, they would feel incomplete. It is impossible to separate them, and they are eternally bound by the ties of friendship, love, and sacrifice. They are two halves of the same coin, the most important parts of one another, and nothing will ever change that. |
|||
|image=Glypht.png |
|||
|relationship=Cool |
|||
|meeting-date=2025 |
|||
|meeting-location=Amaranthia |
|||
|met-through=Amaranth Legacy |
|||
|description=Glyph t |
|||
}} |
}} |
||
</syntaxhighlight> |
|||
</pre> |
|||
{{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