Template:ItemTooltip: Difference between revisions

From Lilith's Throne
Jump to navigationJump to search
Set Image Size & Align Image to Right
m Add Space After Currency Symbol
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
--><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='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='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;'>
<div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:8px 8px 4px 8px; width: calc(100% - 16px); box-sizing: border-box; text-align:center;'>
<h5 style='font-size:1.4em; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px'>{{{name}}}</h5>
<h5 style='font-size:1.4em; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #{{#switch: {{{rarity}}} | {{UNKNOWN}} = 777777  | {{JINXED}} = EA5D76 | {{COMMON}} = f2f2f2 | {{UNCOMMON}} = 57f17c | {{RARE}} = 47c2ff | {{EPIC}} = ff4dfc | {{LEGENDARY}} = ffcc00 | {{QUEST}} = 6cbcb1 | inherit}}'>{{{name}}}</h5>
</div>
</div>
<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'>
<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='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='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='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'>
<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}}}<br>
{{{rarity}}}<br>
{{{effectTooltipLines}}}
{{{effectTooltipLines}}}
</div>
</div>
<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='padding: 0; border: 0; background:#19191a; position:relative; float:left; border-radius: 5px; width:calc(33.3% - 16px); height: 100px; margin:1%; -webkit-box-sizing: border-box'>
<div style='float:left; padding: 0; border: 0; margin: 0; border-radius:5px; 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}}}|x{{{imageHeight|64}}}px|right|{{{name}}}]]
[[File:{{{imageName}}}|x100px|right|{{{name}}}]]
</div>
</div>
</div>
</div>
Line 21: Line 21:
{{{description}}}
{{{description}}}
</div>
</div>
<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'>
<div style='border: 0; position:relative; float:left; background:#19191a; border-radius:5px; padding:4px; margin:4px 8px 8px 8px; width: calc(100% - 16px); box-sizing: border-box; font-size:16px; font-weight: bold; text-align:center; line-height:18px'>
Value: ¤{{{value}}}
Value: <span style='color:#FFCC00'>¤</span> {{{value}}}
</div>
</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>}}}
{{#if:{{{author|}}}|<div style='float:left; border: 0; border-radius:5px; margin:0 8px 8px 8px; padding:8px; background-color:#19191a; box-sizing: border-box; width: calc(100% - 16px);'>{{{author}}}</div>}}
</div><!--
</div><!--
--></includeonly>
--></includeonly>
Line 36: Line 36:
"type": "string",
"type": "string",
"required": true
"required": true
},
"imageHeight": {
"label": "Image Height",
"type": "number",
"required": false
},
},
"value": {
"value": {

Latest revision as of 23:44, 1 February 2024


A replica of in-game tooltip for items.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Image NameimageName

no description

Stringrequired
Valuevalue

no description

Numberrequired
Namename

no description

Stringrequired
Descriptiondescription

no description

Stringrequired
Consumed On Use?consumedOnUse

no description

Booleanrequired
Rarityrarity

no description

Suggested values
{{UNKNOWN}} {{JINXED}} {{COMMON}} {{UNCOMMON}} {{RARE}} {{EPIC}} {{LEGENDARY}} {{QUEST}}
Stringrequired
Effect Tooltip LineseffectTooltipLines

no description

Stringrequired
Authorauthor

no description

Stringoptional