Template:Connection panel: Difference between revisions

From Official Barotrauma Wiki
Jump to: navigation, search
No edit summary
(New look)
Line 1: Line 1:
<includeonly>{| class="wikitable" style="float:{{{float|none}}};clear:{{{clear|none}}};"
<includeonly>{| class="wiringpanel" style="float:{{{float|none}}};clear:{{{clear|none}}};"
|-
|-
! <span style="text-shadow: 1px 1px #000000;">[[Connection Panels|Connection panel]] for '''{{{panelfor|{{PAGENAME}}}}}'''</span>
! style="padding:0;"|<span style="text-shadow: 1px 1px #000000;">[[Connection Panels|Connection panel]] for '''{{{panelfor|{{PAGENAME}}}}}'''</span>
|-
|-
| style="position:relative;" |
| style="position:relative;" |
<div style="padding:0;margin:0;background-color:#000000;width:{{{width|400}}}px;height:{{{height|200}}}px;position:relative;top:0;left:0;">
<div style="width:400px;height:320px;position:relative;">
{|style="position:absolute;top:5px;left:5px;height:18px;border:0;margin:0;padding:0;border-collapse:collapse;"
{|style="position:absolute;top:20px;left:75px;height:20px;border:0;margin:0;padding:0;border-collapse:collapse;"
|-  
|-
| style="width:95px;height:20px;margin:0;padding:0;" | {{{input1|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input1|}}}|[[File:Connection Port.png]]|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{input1|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input1|}}}</span>
|-  
|-
| colspan="3" style="height:10px;" |  
| colspan="3" style="height:10px;" |
|-  
|-
| style="width:95px;height:20px;margin:0;padding:0;" | {{{input2|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input2|}}}|[[File:Connection Port.png]]|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{input2|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input2|}}}</span>
|-  
|-
| colspan="3" style="height:10px;" |  
| colspan="3" style="height:10px;" |
|-  
|-
| style="width:95px;height:20px;margin:0;padding:0;" | {{{input3|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input3|}}}|[[File:Connection Port.png]]|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{input3|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input3|}}}</span>
|-  
|-
| colspan="3" style="height:10px;" |  
| colspan="3" style="height:10px;" |
|-  
|-
| style="width:95px;height:20px;margin:0;padding:0;" | {{{input4|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input4|}}}|[[File:Connection Port.png]]|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{input4|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input4|}}}</span>
|-  
|-
| colspan="3" style="height:10px;" |  
| colspan="3" style="height:10px;" |
|-  
|-
| style="width:95px;height:20px;margin:0;padding:0;" | {{{input5|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input5|}}}|[[File:Connection Port.png]]|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{input5|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input5|}}}</span>
|-
| colspan="3" style="height:10px;" |
|-
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input6|}}}|[[File:Connection Port.png]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input6|}}}</span>
|}
|}


{|style="position:absolute;top:5px;left:5px;width:125px;height:18px;z-index:10;border:0;margin:0;padding:0;border-collapse:collapse;"
{|style="position:absolute;top:20px;left:75px;width:125px;height:20px;z-index:10;border:0;margin:0;padding:0;border-collapse:collapse;"
|-
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input1tt}}}</div>|}}
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{input1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input1tt}}}</div>|}}
| style="height:10px;" |
|-  
|-  
| style="height:10px;" |  
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input2tt}}}</div>|}}
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{input2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input2tt}}}</div>|}}
| style="height:10px;" |
|-  
|-  
| style="height:10px;" |  
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input3tt}}}</div>|}}
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{input3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input3tt}}}</div>|}}
| style="height:10px;" |
|-  
|-  
| style="height:10px;" |  
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input4tt}}}</div>|}}
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{input4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input4tt}}}</div>|}}
| style="height:10px;" |
|-  
|-  
| style="height:10px;" |  
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input5tt}}}</div>|}}
|-
| style="height:10px;" |
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{input5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input5tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{input6tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input6tt}}}</div>|}}
|}
|}


{|style="position:absolute;top:5px;right:5px;height:18px;border:0;margin:0;padding:0;border-collapse:collapse;"
{|style="position:absolute;top:20px;right:75px;height:20px;border:0;margin:0;padding:0;border-collapse:collapse;"
|-  
|-
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{output1|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output1|}}}</span>
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:20px;margin:0;padding:0;" | {{{output1|}}}
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output1|}}}|[[File:Connection Port.png]]|}}
|-
| colspan="3" style="height:10px;" |
|-
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output2|}}}</span>
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output2|}}}|[[File:Connection Port.png]]|}}
|-
| colspan="3" style="height:10px;" |
|-
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output3|}}}</span>
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |  
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output3|}}}|[[File:Connection Port.png]]|}}
|-  
|-  
| colspan="3" style="height:10px;" |
|-
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output4|}}}</span>
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output4|}}}|[[File:Connection Port.png]]|}}
|-
| colspan="3" style="height:10px;" |  
| colspan="3" style="height:10px;" |  
|-
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output5|}}}</span>
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output5|}}}|[[File:Connection Port.png]]|}}
|-
| colspan="3" style="height:10px;" |
|-
| style="width:95px;height:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output6|}}}</span>
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output6|}}}|[[File:Connection Port.png]]|}}
|}
{|style="position:absolute;top:20px;right:75px;width:125px;height:20px;z-index:10;border:0;margin:0;padding:0;border-collapse:collapse;"
|-  
|-  
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{output2|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output1tt}}}</div>|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:20px;margin:0;padding:0;" | {{{output2|}}}
|-  
| colspan="3" style="height:10px;" |
|-
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{output3|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:20px;margin:0;padding:0;" | {{{output3|}}}
|-  
| colspan="3" style="height:10px;" |
|-
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{output4|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:20px;margin:0;padding:0;" | {{{output4|}}}
|-
| colspan="3" style="height:10px;" |
|-  
|-  
| style="width:20px;height:20px;margin:0;padding:0;" | {{#if:{{{output5|}}}|<div style="border:1px solid #FFFFFF;width:18px;height:18px;"></div>|}}
| style="height:10px;" |
| style="width:10px;height:20px;margin:0;padding:0;position:relative;" |  
| style="width:95px;height:20px;margin:0;padding:0;" | {{{output5|}}}
|}
 
{|style="position:absolute;top:5px;right:5px;width:125px;height:18px;z-index:10;border:0;margin:0;padding:0;border-collapse:collapse;"
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{output1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output1tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output2tt}}}</div>|}}
|-  
|-  
| style="height:10px;" |  
| style="height:10px;" |
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{output2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output2tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output3tt}}}</div>|}}
|-  
|-  
| style="height:10px;" |  
| style="height:10px;" |
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{output3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output3tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output4tt}}}</div>|}}
|-  
|-  
| style="height:10px;" |  
| style="height:10px;" |
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{output4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output4tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output5tt}}}</div>|}}
|-  
|-  
| style="height:10px;" |  
| style="height:10px;" |
|-  
|-  
| style="width:100%;height:20px;margin:0;padding:0;position:relative;" | {{#if:{{{output5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output5tt}}}</div>|}}
| style="width:100%;height:30px;margin:0;padding:0;position:relative;" | {{#if:{{{output6tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output6tt}}}</div>|}}
|}
|}
</div>
</div>
Line 123: Line 144:
|input5 = Input 5
|input5 = Input 5
|input5tt = Tooltip for input 5.
|input5tt = Tooltip for input 5.
|input6 = Input 6
|input6tt = Tooltip for input 6.


|output1 = Output 1
|output1 = Output 1
Line 134: Line 157:
|output5 = Output 5
|output5 = Output 5
|output5tt = Tooltip for output 5.
|output5tt = Tooltip for output 5.
|output6 = Output 6
|output6tt = Tooltip for output 6.


|panelfor = this example
|panelfor = this example

Revision as of 20:45, 12 January 2020


Connection panel for this example
Input 1
Input 2
Input 3
Input 4
Input 5
Input 6
Tooltip for input 1.
Tooltip for input 2.
Tooltip for input 3.
Tooltip for input 4.
Tooltip for input 5.
Tooltip for input 6.
Output 1
Output 2
Output 3
Output 4
Output 5
Output 6
Tooltip for output 1.
Tooltip for output 2.
Tooltip for output 3.
Tooltip for output 4.
Tooltip for output 5.
Tooltip for output 6.


Retrieved from "https://barotraumagame.com/baro-wiki/index.php?title=Template:Connection_panel&oldid=6818"