Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipBoxTooltip: Difference between revisions

Template page
mNo edit summary
m Increase width found an instance where the content did not fit.
 
(90 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<noinclude>{{Color box|color=#144f1d|border=#2f8f2f|Under construction - Do not use!.}}</noinclude>
<includeonly><onlyinclude>{{#css:
{{#css:
.tooltip-frame{
    position:relative;
    z-index:24; background-color:transparent;
    color:orange;
    text-decoration:none}


.tooltip-frame:hover{z-index:25; color:white;}
.sbtt {
  width: 100%;
}


.tooltip-frame .inner-snippet
.sbtt td.sbtt-image {
{
  position: relative;
display: none;
  padding-right: 5px;
background-color: transparent;
  vertical-align: top;
border: medium none;
}
position: absolute;
 
}
.sbtt sbtt-image a img {
.tooltip-frame:hover .inner-snippet,.tooltip-frame.hover .inner-snippet { display: block; }
  border: 1px solid #272727;
}
.tooltip-frame .inner-snippet span
 
{
.sbtt .techcornersmall {
display: block;
  position: absolute;
}
  top: 0;
  left: 2px;
.tooltip-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right
}
{
 
float:left;
/* header */
}
.sbtt .sbtt-header {
.tooltip-frame .inner-snippet .l1
  margin-bottom: 5px;
{
  border-bottom: 1px solid #272727;
float: left;
  padding-bottom: 5px;
font-family: trebuchet MS;
  text-align: center;
line-height: 22px;
}
margin-bottom: 3px;
 
width: 325px;
.sbtt .sbtt-ship-name {
}
  height: 20px;
.tooltip-frame .inner-snippet .l2
  white-space: nowrap;
{
  color: white;
border: 1px solid #525751;
  font: small-caps 16px/15px trebuchet MS;
color: #CCCCCC;
}
float: left;
 
font-family: trebuchet MS;
.sbtt .sbtt-ship-category {
font-size: 11px;
  font-size: 11px;
line-height: 20px;
  line-height: 11px;
padding: 2px;
}
width: 321px;
 
}
.sbtt .sbtt-ship-group {
.tooltip-frame .inner-snippet .l2 span
  white-space: nowrap;
{
  color: orange;
float: left;
}
font-weight: normal;
 
}
.sbtt .sbtt-ship-hull {
.tooltip-frame .inner-snippet .l2 .att-line
  white-space: nowrap;
{
}
background-color: #1D1C23;
 
width: 100%;
/* Highlights */
}
.sbtt .sbtt-highlights {
.tooltip-frame .inner-snippet .l2 .att-line .att-item
  padding-bottom: 5px;
{
}
border-right: 2px solid black;
 
margin-right: 2px;
.sbtt .sbtt-highlights div {
padding: 0 3px 0 2px;
  height: 10px;
}
  color: khaki;
  font-size: 10px;
.tooltip-frame .inner-snippet .att-value
  line-height: 12px;
{
}
color: white;
 
padding: 0 2px 0 4px;
/* *** Ship attributes *** */
text-align: right;  
.sbtt .sbtt-attributes {
}  
  width: 180px;
.tooltip-frame .inner-snippet .att-label { color: darkgrey; }
}
 
.tooltip-frame .suppresslink
.sbtt .sbtt-attributes div {
{
  float: left;
height: 73px;
  margin-right: 3px;
left: 4px;
  padding-right: 3px;
position: absolute;
  height: 13px;
top: 4px;
  white-space: nowrap;
width: 73px;
  color: #9E8F75;
z-index: 100;
  font-size: 10px;
}
  line-height: 15px;
}}<span class='tooltip-frame'>[[{{{shipname}}}|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]<span style='color: #CCCCCC;font-size: 60%;height: 3px;line-height: 3px;'>&#9662;</span><span class='inner-snippet ship-info' style='width: 410px;'>
}
<span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img'>[[Image:{{{shipimg|no-image.png}}}|73px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span><span class='suppresslink'>&nbsp;</span></span>
 
<span class='right' style='margin-right: 4px; width: 327px;'>
}}
<span style='background-color: black; float: left; padding: 4px; width: 100%;'>
{{Tooltip
<span class='l1'>
| 1={{#if: {{{shipname|}}} |[[{{{shipname}}}]] |{{Co|red|! parameter shipname missing !}} }}
<span style='color: #F1EFCA;float: left;font-size: 18px;font-weight: bold;'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}<span style='display: {{#if:{{{shipname}}} | inline | none }}; font-size: 10px; line-height: 10px; padding-left: 3px;'>[[{{{shipname}}}|go to article &#9656;]]</span></span>
| 2=<table class="sbtt">
<span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles|}}}</span>
<tr>
</span>
  <td class="sbtt-image">{{#if: {{{shipimg|}}}
<span class='l2'>
    | [[Image:{{{shipimg}}}|128x128px|link=]]
<span class='att-line' style='margin-bottom:2px;'>
    | {{#if: {{{shipid|}}}
<span class='att-item' style='border-right:medium none;'>
        | {{Imageserver|types|{{{shipid}}}|render|size=128}}
<span class='att-value'>{{#if:{{{highs}}}|{{{highs|0}}}|0}}</span><span class='att-img'>[[Image:icon_hi_slot.png|15px|middle|high slots]]</span><span class='att-label' style='color: #9A7535;'>high</span>
        | [[Image:No-image.png|128x128px|link=]]
</span>
        }}
<span class='att-item' style='border-right:medium none;'>
    }}
<span class='att-value'>{{#if:{{{launchers}}}|{{{launchers|0}}}|0}}</span><span class='att-img'>[[Image:icon_launcher_hp.png|15px|middle|launcher slots]]</span><span class='att-label'>launchers</span>
    {{#if:{{{tech|}}} |<div class="techcornersmall">[[Image:CornerT{{{tech}}}s.png|link=]]</div> }}
</span>
  </td>
<span class='att-item'>
  <td>
<span class='att-value'>{{#if:{{{turrets}}}|{{{turrets|0}}}|0}}</span><span class='att-img'>[[Image:icon_turret_hp.png|15px|middle|turret slots]]</span><span class='att-label'>turrets</span>
  <div class="sbtt-header">
</span>
    <div class="sbtt-ship-name">{{{shipname}}}</div>
<span class='att-item'>
    <div class="sbtt-ship-category"><span class="sbtt-ship-group">{{{grouping|}}}</span> <span class="sbtt-ship-hull">{{{hulltype|}}}</span></div>
<span class='att-value'>{{#if:{{{mediums}}}|{{{mediums|0}}}|0}}</span><span class='att-img'>[[Image:icon_mid_slot.png|15px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span>
  </div>
</span>
  {{#if: {{{highlights1|}}} {{{highlights2|}}} {{{highlights3|}}} {{{highlights4|}}}
<span class='att-item'>
    |<div class="sbtt-highlights"><!--
<span class='att-value'>{{#if:{{{lows}}}|{{{lows|0}}}|0}}</span><span class='att-img'>[[Image:icon_low_slot.png|15px|middle|low slots]]</span><span class='att-label' style='color: #9A7535;'>low</span>
-->  {{#if: {{{highlights1|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights1|}}}</div>}}<!--
</span>
-->  {{#if: {{{highlights2|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights2|}}}</div>}}<!--
</span>
--> {{#if: {{{highlights3|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights3|}}}</div>}}<!--
<span class='att-line'>
--> {{#if: {{{highlights4|}}}|<div>[[Image:Icon_highlights.png|10x10px]]{{{highlights4|}}}</div>}}
<span class='att-item'>
    </div>
<span class='att-value' style='width:40px'>{{#if:{{{dronebay}}}|{{{dronebay|0 m3}}}|0 m3}}</span><span class='att-img'>[[Image:icon_drone_capacity.png|15px|middle|drone capacity]]</span><span class='att-label'>drones</span>
  }}
</span>
  <div class="sbtt-attributes">
<span class='att-item'>
    <div>[[Image:icon_hi_slot.png|15x15px|link=]]{{#if: {{{highs|}}}
<span class='att-value' style='width:70px'>{{#if:{{{bandwidth}}}|{{{bandwidth|0 Mbit/sec}}}|0 Mbit/sec}}</span><span class='att-img'>[[Image:icon_drone_bandwith.png|15px|middle|drone bandwith]]</span><span class='att-label'>b/w</span>
        | {{{highs}}} ({{#if: {{{launchers|}}} |{{{launchers}}} |0 }}/{{#if: {{{turrets|}}} |{{{turrets}}} |0 }})
</span>
        | 0 }} [[Image:icon_mid_slot.png|15x15px|link=]]{{#if: {{{mediums|}}} |{{{mediums}}} |0 }} [[Image:icon_low_slot.png|15x15px|link=]]{{#if: {{{lows|}}} |{{{lows}}} |0 }}
<span class='att-item' style='border-right:medium none;'>
    </div>
<span class='att-value' style='width:40px'>{{#if:{{{cargohold}}}|{{{cargohold|0 m3}}}|0 m3}}</span><span class='att-img'>[[Image:Icon_capacity.png|15px|middle|cargo capacity]]</span><span class='att-label'>cargo</span>
    <div>[[Image:icon_powergrid.png|15x15px|link=]]{{#if: {{{powergrid|}}} |{{{powergrid}}} |0 MW }} [[Image:icon_cpu.png|15x15px|link=]]{{#if: {{{cpu|}}} |{{{cpu}}} |0 tf }}</div>
</span>
    <div>[[Image:Icon_velocity.png|15x15px|link=]]{{#if: {{{maxvelocity|}}} |{{{maxvelocity}}} |0 m/s }}</div>
</span>
    <div>[[Image:Icon_capacity.png|15x15px|link=]]{{#if: {{{cargohold|}}} |{{{cargohold}}} |0 m&#179; }}</div>
</span>
  </div>
</span>
  </td>
</span>
</tr>
</span>
</table>
</span>
}}</onlyinclude></includeonly><noinclude>{{documentation}}</noinclude>
<noinclude>[[Category:Template]]</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.
This template is a part of the Ship Database template set and designed to be used in conjunction with the templates on that category and is not meant to be used or called directly!.
If you're looking on how to use the Ship template please see this page instead.

DO NOT EDIT THE CONTENTS OF THIS TEMPLATE IF YOU ARE NOT SURE ON WHAT YOU ARE DOING.
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
Some text {{Ship|Megathron Navy Issue}} more text.
gives...
Some text Megathron Navy Issue
Megathron Navy Issue
Faction Battleships Megathron Class
High Amount of High Slots
High Amount of Low Slots
8 (1/7) 4 8
16,275 MW 630 tf
135 m/sec
840 m³
more text.


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?)