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 |
||
| (35 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]] |
|||
<div style="border:2px solid {{{border-color|#137dc4}}}; border-radius:15px; background:{{#if:{{{background|}}}|{{{background}}}|linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)}}; padding:15px; width:750px; font-family:Verdana, 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}}} |
|||
<div style="position:absolute; top:15px; right:15px;"> |
|||
| 1 = {{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}} |
|||
[[File:{{{image|(Ambrosia) - Syx Corsage.png}}}|90px]] |
|||
| 2 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}}{{{empty-heart-type|♡}}} |
|||
</div> |
|||
| 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 = ♥ |
|||
| 2 = ♥♥ |
|||
| 3 = ♥♥♥ |
|||
| 4 = ♥♥♥♥ |
|||
| 5 = ♥♥♥♥♥ |
|||
| default = ♥♥♥♥♥ |
|||
}} |
|||
</span><br /> |
|||
<span |
<span class="character-relationship-box-label">Meeting Date: </span> {{{meeting-date}}} |
||
<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Meeting Date:</span> {{{meeting-date|}}}<br /> |
|||
<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Meeting Location:</span> {{{meeting-location|}}}<br /> |
|||
<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Met Through:</span> {{{met-through|}}}<br /> |
|||
<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Description:</span><br /><br /> |
|||
{{{description|}}} |
|||
<span class="character-relationship-box-label">Meeting Location: </span> {{{meeting-location}}} |
|||
</div> |
|||
</includeonly> |
|||
<span class="character-relationship-box-label">Met Through: </span> {{{met-through}}} |
|||
<noinclude> |
|||
'''Template Usage Example:''' |
|||
<span class="character-relationship-box-label">Description:</span> |
|||
<pre> |
|||
<div class="character-relationship-box-description"> |
|||
{{CharacterRelationshipBox |
|||
{{{description}}} |
|||
| background = linear-gradient(180deg, #4a041b 0%, #2e0e19 100%) |
|||
</div> |
|||
| border-color = #137dc4 |
|||
</div></includeonly><noinclude> |
|||
| section-color = #137dc4 |
|||
<templatedata> |
|||
| heart-color = #a38bd3 |
|||
{ |
|||
| hearts = 5 |
|||
"description": "Creates a customizable character relationship box with proper side-by-side positioning for image and text, optional hearts, and dynamic labels.", |
|||
| image = (Ambrosia) - Syx Corsage.png |
|||
"params": { |
|||
| relationship = Light of His Life! |
|||
"background": { "label": "Background", "type": "string", "default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)" }, |
|||
| meeting-date = 84 EE |
|||
"border-color": { "label": "Border Color", "type": "string", "default": "#137dc4" }, |
|||
| meeting-location = Morningstar |
|||
"section-color": { "label": "Section Label Color", "type": "string", "default": "#c7b5e5" }, |
|||
| met-through = Havreil-Sanlagosa Crusade |
|||
"heart-color": { "label": "Heart Color", "type": "string", "default": "#a38bd3" }, |
|||
| 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. |
|||
"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": { "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" } |
|||
} |
|||
} |
|||
</templatedata> |
|||
==Examples== |
|||
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. |
|||
<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> |
|||
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. |
|||
{{Character Relationship Box |
|||
|background=linear-gradient(180deg, #2e0e19 0%, #1c070f 100%) |
|||
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. |
|||
|color=#137dc4 |
|||
|hearts=3 |
|||
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. |
|||
|heart-color=green |
|||
|name=Example |
|||
|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