Template:ItemTooltip: Difference between revisions

From Lilith's Throne
Jump to navigationJump to search
Set Width to 400px
m Add Space After Currency Symbol
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
--><div style='width: 400px'>
--><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:8px 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; 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='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}}}<br>
            {{{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); height: 100px; 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}}}|x100px|right|{{{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 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='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>

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