Template:ItemTooltip: Difference between revisions
From Lilith's Throne
Jump to navigationJump to search
Add More Formatting |
Add Basic HTML Tag Formatting |
||
Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
--><div style='width: 400px; background: #1e1e20; font-family: Calibri, Carlito, sans-serif; font-size:15px; color: #eeeeee | --><div style='float:left; border-radius:5px; width: 400px; background: #1e1e20; font-family: Calibri, Carlito, sans-serif; font-size:15px; color: #eeeeee; border:0; overflow:hidden; padding:0; margin:0'> | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; text-align:center;'> | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; text-align:center;'> | ||
<h5>{{{name}}}</h5> | <h5 style='font-size:1.4em; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px'>{{{name}}}</h5> | ||
</div> | </div> | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | ||
{{#ifeq:{{{consumedOnUse}}}|true|<span style='color:#EA5D76'>Consumed on use</span>|<span style='color:#57DB7E'>Infinite uses</span>}} | {{#ifeq:{{{consumedOnUse}}}|true|<span style='color:#EA5D76'>Consumed on use</span>|<span style='color:#57DB7E'>Infinite uses</span>}} | ||
</div> | </div> | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box' > | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box' > | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; box-sizing: border-box; width:calc(66.6% - 16px); font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; box-sizing: border-box; width:calc(66.6% - 16px); font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | ||
{{{rarity}}} | {{{rarity}}} | ||
{{{effectTooltipLines}}} | {{{effectTooltipLines}}} | ||
</div> | </div> | ||
<div style='background:#19191a; position:relative; float:left; border-radius: 5px; width:calc(33.3% - 16px); margin:1%; -webkit-box-sizing: border-box'> | <div style='padding: 0; border: 0; background:#19191a; position:relative; float:left; border-radius: 5px; width:calc(33.3% - 16px); margin:1%; -webkit-box-sizing: border-box'> | ||
<div style='position: absolute; width: 100%; height: 100%;'> | <div style='float:left; padding: 0; border: 0; margin: 0; border-radius:5px; position: absolute; width: 100%; height: 100%;'> | ||
[[File:{{{imageName}}}|{{{name}}}]] | [[File:{{{imageName}}}|{{{name}}}]] | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; padding:8px; min-height:106px'> | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; padding:8px; min-height:106px'> | ||
{{{description}}} | {{{description}}} | ||
</div> | </div> | ||
<div style='position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | <div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; font-size:16px; font-weight: bold; text-align:center; line-height:18px'> | ||
Value: ¤{{{value}}} | Value: ¤{{{value}}} | ||
</div> | </div> | ||
{{#if{{{author|}}}|<div style='height:52px; margin:8px 8px 0 8px; padding:8px; min-height:106px; background-color:#19191a; box-sizing: border-box; width: calc(100% - 16px);'>{{{author}}}</div>}}} | {{#if{{{author|}}}|<div style='float:left; border: 0; border-radius:5px; height:52px; margin:8px 8px 0 8px; padding:8px; min-height:106px; background-color:#19191a; box-sizing: border-box; width: calc(100% - 16px);'>{{{author}}}</div>}}} | ||
</div><!-- | </div><!-- | ||
--></includeonly> | --></includeonly> |
Revision as of 20:55, 1 February 2024
A replica of in-game tooltip for items.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Image Name | imageName | no description | String | required |
Value | value | no description | Number | required |
Name | name | no description | String | required |
Description | description | no description | String | required |
Consumed On Use? | consumedOnUse | no description | Boolean | required |
Rarity | rarity | no description
| String | required |
Effect Tooltip Lines | effectTooltipLines | no description | String | required |
Author | author | no description | String | optional |