Difference between revisions of "Template:ShipBoxTooltip"
From EVE University Wiki
m (td.btt-image: Remove width. .techcornersmall: Remove margin-top, default value. Transfer margin-left: to left:.) |
m (Increase width found an instance where the content did not fit.) |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><onlyinclude>{{#css: | <includeonly><onlyinclude>{{#css: | ||
− | .sbtt | + | .sbtt { |
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | td.sbtt-image { | + | .sbtt td.sbtt-image { |
position: relative; | position: relative; | ||
padding-right: 5px; | padding-right: 5px; | ||
Line 15: | Line 11: | ||
} | } | ||
− | .sbtt-image a img { | + | .sbtt sbtt-image a img { |
border: 1px solid #272727; | border: 1px solid #272727; | ||
} | } | ||
− | .techcornersmall { | + | .sbtt .techcornersmall { |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
− | left: | + | left: 2px; |
} | } | ||
/* header */ | /* header */ | ||
− | .sbtt-header { | + | .sbtt .sbtt-header { |
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
Line 33: | Line 29: | ||
} | } | ||
− | .sbtt-ship-name { | + | .sbtt .sbtt-ship-name { |
height: 20px; | height: 20px; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 40: | Line 36: | ||
} | } | ||
− | .sbtt-ship-category { | + | .sbtt .sbtt-ship-category { |
font-size: 11px; | font-size: 11px; | ||
− | line-height: | + | line-height: 11px; |
} | } | ||
− | .sbtt-ship-group { | + | .sbtt .sbtt-ship-group { |
white-space: nowrap; | white-space: nowrap; | ||
color: orange; | color: orange; | ||
} | } | ||
− | .sbtt-ship-hull { | + | .sbtt .sbtt-ship-hull { |
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* Highlights */ | /* Highlights */ | ||
− | .sbtt-highlights { | + | .sbtt .sbtt-highlights { |
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
− | .sbtt-highlights div { | + | .sbtt .sbtt-highlights div { |
height: 10px; | height: 10px; | ||
color: khaki; | color: khaki; | ||
Line 66: | Line 62: | ||
} | } | ||
− | /* Ship attributes */ | + | /* *** Ship attributes *** */ |
− | .sbtt-attributes { | + | .sbtt .sbtt-attributes { |
− | + | width: 180px; | |
− | width: | ||
} | } | ||
− | .sbtt-attributes div { | + | .sbtt .sbtt-attributes div { |
− | |||
float: left; | float: left; | ||
margin-right: 3px; | margin-right: 3px; | ||
Line 86: | Line 80: | ||
}} | }} | ||
{{Tooltip | {{Tooltip | ||
− | |1={{#if:{{{shipname}}} | + | | 1={{#if: {{{shipname|}}} |[[{{{shipname}}}]] |{{Co|red|! parameter shipname missing !}} }} |
− | + | | 2=<table class="sbtt"> | |
− | + | <tr> | |
− | }} | + | <td class="sbtt-image">{{#if: {{{shipimg|}}} |
− | + | | [[Image:{{{shipimg}}}|128x128px|link=]] | |
− | |2=< | + | | {{#if: {{{shipid|}}} |
− | < | + | | {{Imageserver|types|{{{shipid}}}|render|size=128}} |
− | + | | [[Image:No-image.png|128x128px|link=]] | |
− | + | }} | |
− | + | }} | |
− | + | {{#if:{{{tech|}}} |<div class="techcornersmall">[[Image:CornerT{{{tech}}}s.png|link=]]</div> }} | |
− | + | </td> | |
− | + | <td> | |
− | + | <div class="sbtt-header"> | |
− | + | <div class="sbtt-ship-name">{{{shipname}}}</div> | |
− | + | <div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|}}}</span> <span class="sbtt-ship-hull">{{{hulltype|}}}</span></div> | |
− | + | </div> | |
− | + | {{#if: {{{highlights1|}}} {{{highlights2|}}} {{{highlights3|}}} {{{highlights4|}}} | |
− | + | |<div class="sbtt-highlights"><!-- | |
+ | --> {{#if: {{{highlights1|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights1|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights2|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights2|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights3|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights3|}}}</div>}}<!-- | ||
+ | --> {{#if: {{{highlights4|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights4|}}}</div>}} | ||
</div> | </div> | ||
− | + | }} | |
− | + | <div class="sbtt-attributes"> | |
− | + | <div>[[Image:icon_hi_slot.png|15x15px|link=]]{{#if: {{{highs|}}} | |
− | + | | {{{highs}}} ({{#if: {{{launchers|}}} |{{{launchers}}} |0 }}/{{#if: {{{turrets|}}} |{{{turrets}}} |0 }}) | |
− | + | | 0 }} [[Image:icon_mid_slot.png|15x15px|link=]]{{#if: {{{mediums|}}} |{{{mediums}}} |0 }} [[Image:icon_low_slot.png|15x15px|link=]]{{#if: {{{lows|}}} |{{{lows}}} |0 }} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </ | + | <div>[[Image:icon_powergrid.png|15x15px|link=]]{{#if: {{{powergrid|}}} |{{{powergrid}}} |0 MW }} [[Image:icon_cpu.png|15x15px|link=]]{{#if: {{{cpu|}}} |{{{cpu}}} |0 tf }}</div> |
− | </ | + | <div>[[Image:Icon_velocity.png|15x15px|link=]]{{#if: {{{maxvelocity|}}} |{{{maxvelocity}}} |0 m/s }}</div> |
− | </ | + | <div>[[Image:Icon_capacity.png|15x15px|link=]]{{#if: {{{cargohold|}}} |{{{cargohold}}} |0 m³ }}</div> |
− | </ | + | </div> |
− | }}</onlyinclude></includeonly><noinclude> | + | </td> |
− | {{documentation}} | + | </tr> |
− | </noinclude> | + | </table> |
+ | }}</onlyinclude></includeonly><noinclude>{{documentation}}</noinclude> |
Latest revision as of 13:35, 27 March 2023
Template documentation (for the above template, sometimes hidden or invisible)
- Description
- Creates a tooltip with a subset of the ships stats.
- Dependencies
-
- Uses
- {{Tooltip}}
- {{Imageserver}} When no local image of ship is available and shipid is known.
- Part of the parameter set of
{{ShipArticle}}
- Syntax
- ShipBoxTooltip is not to be used on its own. It is to be called by using the wrapper template
{{Ship}}
- Template set
- {{ShipArticle}}
- {{Ship}}
- {{ShipBoxLarge}}
- {{ShipBoxTooltip}}
- Sample
gives...Some text {{Ship|Megathron Navy Issue}} more text.
Megathron Navy Issue
Faction Battleships Megathron Class
8 (1/7) 4 8
16,275 MW 630 tf
130 m/sec
840 m³
|
Bug: | There is a problem with the presentation of the result. See Template talk:ShipBoxTooltip |
Visit Template:ShipBoxTooltip/doc to edit this text! (How does this work?) (Refresh this text - why?)