More actions
m →Template being worked on: Coding and testing |
m →Template being worked on: Coding and testing |
||
| Line 13: | Line 13: | ||
{{#css: | |||
. | .test { | ||
/* This is a container class | /* This is a container class | ||
to limit the accompanying classes | to limit the accompanying classes | ||
| Line 20: | Line 20: | ||
} | } | ||
div . | div .test { | ||
width: 270px; | width: 270px; | ||
background: black; | background: black; | ||
} | } | ||
. | .test table { | ||
/* width: 100%; */ | /* width: 100%; */ | ||
} | } | ||
/* Ship image style */ | /* Ship image style */ | ||
. | .test td.test-image { | ||
position: relative; | position: relative; | ||
padding-right: 5px; | padding-right: 5px; | ||
| Line 36: | Line 36: | ||
} | } | ||
. | .test div.test-image { | ||
position: relative; | position: relative; | ||
top: 2px; | top: 2px; | ||
} | } | ||
. | .test .test-techcornersmall { | ||
position: absolute; | position: absolute; | ||
top: | top: 0; | ||
left: 1px; | left: 1px; | ||
width: 16px; | width: 16px; | ||
| Line 50: | Line 50: | ||
/* Header */ | /* Header */ | ||
. | .test .test-header { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-bottom: 1px solid #272727; | border-bottom: 1px solid #272727; | ||
| Line 57: | Line 57: | ||
} | } | ||
. | .test .test-header .test-ship-name { | ||
display: block; | display: block; | ||
height: 20px; | height: 20px; | ||
| Line 65: | Line 65: | ||
} | } | ||
. | .test .test-ship-category { | ||
font-size: 11px; | font-size: 11px; | ||
line-height: 10px; | line-height: 10px; | ||
} | } | ||
. | .test .test-ship-group { | ||
white-space: nowrap; | white-space: nowrap; | ||
color: orange; | color: orange; | ||
} | } | ||
. | .test .test-ship-hull { | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
/* Highlights */ | /* Highlights */ | ||
. | .test div.test-highlights { | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
. | .test .test-highlights div { | ||
display: block; | display: block; | ||
color: khaki; | color: khaki; | ||
| Line 93: | Line 93: | ||
/* Attributes */ | /* Attributes */ | ||
. | .test div.test-attributes { | ||
float: left; | float: left; | ||
width: 170px; | width: 170px; | ||
} | } | ||
. | .test .test-attributes div { | ||
display: inline-block; | display: inline-block; | ||
float:left; | float:left; | ||
| Line 110: | Line 110: | ||
} | } | ||
}} | }} | ||
<div class="test | <div class="test"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFs.png|link=]]</div></td> | ||
<td> | <td> | ||
<div class=" | <div class="test-header"> | ||
<div class="ship-name">Megathron Navy Issue</div> | <div class="test-ship-name">Megathron Navy Issue</div> | ||
<div class="ship-category"><span class="ship-group">Faction Battleships</span> <span class="ship-hull">Megathron Class</span></div> | <div class="test-ship-category"><span class="test-ship-group">Faction Battleships</span> <span class="test-ship-hull">Megathron Class</span></div> | ||
</div> | </div> | ||
<div class=" | <div class="test-highlights"> | ||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of High Slots</div> | <div>[[Image:Icon_highlights.png|10x10px]]High Amount of High Slots</div> | ||
<div>[[Image:Icon_highlights.png|10x10px]]High Amount of LowSlots</div> | <div>[[Image:Icon_highlights.png|10x10px]]High Amount of LowSlots</div> | ||
</div> | </div> | ||
<div class=" | <div class="test-attributes"> | ||
<div>[[Image:icon_hi_slot.png|15x15px]]8(1/7) [[Image:icon_mid_slot.png|15x15px]]4 [[Image:icon_low_slot.png|15x15px]]8</div> | <div>[[Image:icon_hi_slot.png|15x15px]]8(1/7) [[Image:icon_mid_slot.png|15x15px]]4 [[Image:icon_low_slot.png|15x15px]]8</div> | ||
<div>[[Image:icon_powergrid.png|15x15px]]16,275 MW< [[Image:icon_cpu.png|15x15px]]630 tf</div> | <div>[[Image:icon_powergrid.png|15x15px]]16,275 MW< [[Image:icon_cpu.png|15x15px]]630 tf</div> | ||
| Line 138: | Line 138: | ||
<div class=" | <div class="test"> | ||
<table> | <table> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFs.png]]</div></td> | ||
<td> Uses CornerTFs.png </td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td class=" | <td class="test-image"><div class="test-image">[[Image:Megathron Navy Issue.jpg|80x80px]]</div><div class="test-techcornersmall">[[Image:CornerTFh.png|16x16px]]</div></td> | ||
<td> Uses CornerTFh.png </td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
Revision as of 10:01, 11 May 2022
Template being worked on
Original:
text before
Megathron Navy Issue|
Megathron Navy Issue
Faction Battleships Megathron Class
|
text after.
Line after
Draft:
text before
| fittings | |
| drones & cargo | |
| defense | |
| target & nav |
Amarr Battleship bonuses (per skill level):
10% reduction in Large Energy Turret activation cost
10% bonus to Large Energy Turret rate of fire
Black Ops bonuses (per skill level):
7.5% bonus to Large Energy Turret tracking speed
10% bonus to Energy Nosferatu and Energy Neutralizer drain amount
Role Bonus:
• Can fit Covert Cynosural Field Generator and Covert Jump Portal Generator
• No targeting delay after Cloaking Device deactivation
• Cloak reactivation delay reduced to 5 seconds
75% reduction to effective distance traveled for jump fatigue
50% reduction in Cynosural Field Generator duration
650% bonus to ship max velocity when using Cloaking Devices
100% bonus to Shield Extender hitpoints
50% bonus to Armor Plate hitpoints
5% Additional bonus to Reinforced Bulkhead hitpoints
text after.
Line after
|
Megathron Navy Issue
Faction Battleships Megathron Class
|
Qvar dar'zanar
There is a problem here. Using either ' or ʹ. They appear to look the same but they are not. The ʹ is not on my keyboard and I have not found a alt code yet so I had to copy/paste it.
Test
Does this, testtooltip text stay inline?
Basic:
Does this,
Redeemer|
Redeemer
Black Ops Armageddon Class
|
stay inline?
Inside a div:
|
Redeemer
Black Ops Armageddon Class
|
Inside a table:
|
Redeemer
Black Ops Armageddon Class
|
|
Redeemer
Black Ops Armageddon Class
|
Inside a span:
|
Redeemer
Black Ops Armageddon Class
|
Inside the Co template:
|
Redeemer
Black Ops Armageddon Class
|
Inside p:
Does this, Redeemer
|
Redeemer
Black Ops Armageddon Class
|
stay inline?
<div style='
margin: 0.25em 0.5em;
border:2px dotted The {{Ship}} template does a transclusion of the ship page with a mode parameter. If the mode parameter is anything else then box, then {{ShipBoxTooltip}} is called. Which, in turn, calls {{Tooltip}}. {{Ship}} is also used when there are variations of a ship. It is used in the source of the parameter variations. Here the results appear to be correct (See e.g. Harpy)
When the sentence with the ship template is inside another element there is no problem. Hmm does not do so well inside <p>.;
padding: 10px;
'>
subst and not
date= {{#time: F Y}} - date= December 2025 (The present)
date= {{subst:#time: F Y}} - date= June 2021 (At time of saving the edit)
Red Giant Wormholes table
Original:
| Effects | Class 1 | Class 2 | Class 3 | Class 4 | Class 5 | Class 6 | |
| Heat Damage | +15% | +22% | +29% | +36% | +43% | +50% | |
| Overheat Effect Bonus | +30% | +44% | +58% | +72% | +86% | +100% |
"Cleaned up"
| Effects | Class 1 | Class 2 | Class 3 | Class 4 | Class 5 | Class 6 | |
|---|---|---|---|---|---|---|---|
| Heat Damage | +15% | +22% | +29% | +36% | +43% | +50% | |
| Overheat Effect Bonus | 30% | 44% | 58% | 72% | 86% | 100% |
Indent behavior
- Test 1
- Test 2
- Test 3
- Test 4
Test 5 - Test 6
- Test 7
Test 8
template Co
This text is red
This text is also red
Here the background is red
NAMESPACE test
- {{ #if: {{NAMESPACE}} | page | article }} or section - page or section
Note box
CSS testing
- Line one
- line two
- line three
- line one
"Complicated" table
| Ship class | Ship type | Base Range | Max Skills Range | Fuel per ly | Fuel bay (m3) | Fuel bay (units) |
|---|---|---|---|---|---|---|
| Capital | Dreadnought | 3.5 ly | 7 ly | 3000 units | 8 000 | 266 666 |
| Carrier | 3 000 | 100 000 | ||||
| FAX | ||||||
| Super Capital | Supercarrier | 3.0 ly | 6 ly | 3000 units | 5 000 | 166 666 |
| Titan | 60 000 | 2 000 000 | ||||
| Jump Freighter | Anshar | 5.0 ly | 10 ly | 9400 units | 12 000 | 400 000 |
| Nomad | 8200 units | |||||
| Ark | 8800 units | |||||
| Rhea | 10000 units | |||||
| Black Ops Battleship | 4.0 ly | 8 ly | 700 units | 2 150 | 71 666 | |
| Capital Industrial Ship | Rorqual | 5 ly | 10 ly | 4000 units | 10 000 | 333 333 |
"Complicated" table reformatted and with some "fancy" CSS
| Ship class | Ship type | Range (ly) | Fuel per ly (units) |
Fuel bay | ||
|---|---|---|---|---|---|---|
| Base | Max Skills | (m3) | (units) | |||
| Capital | Dreadnought | 3.5 | 7 | 3 000 | 8 000 | 266 666 |
| Carrier | 3 000 | 100 000 | ||||
| FAX | ||||||
| Super Capital | Supercarrier | 3.0 | 6 | 3 000 | 5 000 | 166 666 |
| Titan | 60 000 | 2 000 000 | ||||
| Jump Freighter | Anshar | 5.0 | 10 | 9 400 | 12 000 | 400 000 |
| Nomad | 8 200 | |||||
| Ark | 8 800 | |||||
| Rhea | 10 000 | |||||
| Black Ops Battleship | 4.0 | 8 | 700 | 2 150 | 71 666 | |
| Capital Industrial Ship | Rorqual | 5 | 10 | 4 000 | 10 000 | 333 333 |
