Difference between revisions of "User:Cassiel Seraphim/Sandbox"

From EVE University Wiki
Jump to: navigation, search
 
(217 intermediate revisions by 4 users not shown)
Line 1: Line 1:
=== Facilitating a controlled warp-out ===
+
= Icons =
Sometimes things go wrong, like a logistics ship disconnecting, and you get overwhelmed on a site and need to get the fleet out. In order to safely warp a fleet out of a site you need everyone pre-aligned and all warp scramblers on grid destroyed. The ships capable of warp scrambling are:
+
{| class="wikitable"
{| class="wikitable" style="font-size:90%;"
+
! style="background-color:#222222;" | white
 +
! style="background-color:#222222;" | green
 +
! style="background-color:#222222;" | incursions
 +
! style="background-color:#222222;" | checkers
 +
! style="background-color:#222222;" | locked
 +
! style="background-color:#222222;" | miscellaneous
 
|-
 
|-
! style="background:#222222;" | Enemy
+
|
! style="background:#222222;" | Description
+
[[image:icon_left.png|16px|link=]]
 +
[[image:icon_up.png|16px|link=]]
 +
[[image:icon_down.png|16px|link=]]
 +
[[image:icon_right.png|16px|link=]]
 +
|
 +
[[image:icon_left_green.png|16px|link=]]
 +
[[image:icon_up_green.png|16px|link=]]
 +
[[image:icon_down_green.png|16px|link=]]
 +
[[image:icon_right_green.png|16px|link=]]
 +
|
 +
[[image:icon_incursion_effect_cyno.png]]
 +
[[image:icon_incursion_effect_damage.png]]
 +
[[image:icon_incursion_effect_resists.png]]
 +
[[image:icon_incursion_effect_bounties.png]]
 +
|
 +
[[image:icon green check.png]]
 +
[[image:icon yellow circle.png]]
 +
[[image:icon red x.png]]
 +
[[image:icon_checkmark.png]]
 +
[[image:icon_cancel.png]]
 +
|
 +
[[image:icon_locked.png]]
 +
[[image:icon_unlocked.png]]
 +
|
 +
[[image:icon_fedo.png]]
 +
[[image:source_book.png]]
 +
[[image:concord_mtac.png]]
 +
|}
 +
 
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Help/info
 +
! style="background-color:#222222;" | Post-its
 +
! style="background-color:#222222;" | Settings
 +
|-
 +
|
 +
[[image:icon_show_info.png]]
 +
[[image:icon_help.png]]
 +
[[image:icon_help_square.png]]
 +
[[image:icon_information.png]]
 +
[[image:icon_information2.png]]
 +
[[image:icon_information_square.png]]
 +
|
 +
[[image:icon_postit.png]]
 +
[[image:icon_postits.png]]
 +
[[image:icon_postit_block.png]]
 +
[[image:icon_pax_amarria.png]]
 +
|
 +
[[image:icon_cogs.png]]
 +
[[image:icon_cog.png]]
 +
[[image:icon_cog_bolt.png]]
 +
|}
 +
 
 +
{| [[image:transparent.png|thumb|See-through!]] |}
 +
= Progression template =
 +
<div style="width:50px;background-color:#222222"><div style="width:33px;background-color:green;">&nbsp;67%</div></div>
 +
 
 +
For resists:
 +
 
 +
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:19px;background-color:SlateBlue">&nbsp;60 %</div></div>
 +
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:13px;background-color:Brown">&nbsp;43 %</div></div>
 +
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:10px;background-color:SlateGray">&nbsp;33 %</div></div>
 +
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:28px;background-color:Peru">&nbsp;90 %</div></div>
 +
 
 +
= Resist-table =
 +
{| style="font-size:85%;border:0px solid black;"
 +
|-
 +
! colspan="2" | Ship Stats
 +
!
 +
! valign="middle" | [[Image:icon_resist_em.png|30px|shield electromagnetic resistance]]
 +
!
 +
! valign="middle" | [[Image:icon_resist_therm.png|30px|shield thermal resistance]]
 +
!
 +
! valign="middle" | [[Image:icon_resist_kin.png|30px|shield kinetic resistance]]
 +
!
 +
! valign="middle" | [[Image:icon_resist_exp.png|30px|shield explosive resistance]]
 +
|-
 +
| valign="middle" align="center" | [[image:icon_shield.png|24px]]
 +
| align="right" | 2,500 HP
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:SlateBlue"> 60 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:Brown"> 60 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:SlateGray"> 60 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:Peru"> 60 %</div></div>
 +
|-
 +
| valign="middle" align="center" | [[image:icon_armour.png|borderless|24px]]
 +
| align="right" | 1,250 HP
 +
|
 +
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:SlateBlue"> 43 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:Brown"> 43 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:SlateGray"> 43 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:Peru"> 43 %</div></div>
 +
|-
 +
| valign="middle" align="center" | [[image:icon_hull.png|24px]]
 +
| align="right" | 625 HP
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:SlateBlue"> 0 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Brown"> 0 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:SlateGray"> 0 %</div></div>
 +
|
 +
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Peru"> 0 %</div></div>
 +
|}
 +
 
 +
= What happens when you disconnect from the game? =
 +
a) Your ship will only try to warp out once (1,000,000 km in a random direction), if for some reason you can't warp right then and there, there will be no more attempts to emergency warp. If you get killed, your pod will also try to warp out once, but like your ship just that one time.<br>
 +
b) Modules will continue to cycle while you have cap, hardeners will stay on, guns will continue to fire (while having ammo) etc.<br>
 +
c) Skills will continue to have an effect, modules like EANMs will continue to function at the same level even if you're disconnected.<br>
 +
d) If they stop shooting you at some point, you'll automatically log out of the game for real as soon as the timers run out, regardless how many times they've been refreshed (this was obvious but still thought I'd double-check it).
 +
 
 +
= Layered images =
 +
<!-- {{note box|The ingame browser won't recognize '''position:relative''' on a cell, so you need to wrap the '''position:absolute''' div-tag inside another '''position:relative''' div-tag.}} -->
 +
Sometimes it makes sense to manually build up an image comprised of an image and a tag, two or more images or a semi-transparent label over an image.
 +
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! colspan="3" | Tech and faction
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png'''Sansha's Nation Commander'''
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_faction.png|16px|link=]]</div>[[image:Tempest_Fleet_Issue.jpg|64px]]</div>
| Strong frigate, spawns in [[Nation Commander Outpost]]s.
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_tech2.png|16px|link=]]</div>[[image:Scimitar.jpg|64px]]</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_tech3.png|16px|link=]]</div>[[image:Legion.jpg|64px]]</div>
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! colspan="3" | Mining
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png '''Schmaeel Medulla'''
+
<!-- Ore and reprocessing -->
| Hard to hit frigate due to signature and speed, spawns in a variety of different incursion sites.
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">{{icon|small container|20|Best yield per volume of m3 for this type of ore.}}</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">[[image:icon_strip_miner_i.png|20px|Best yield per volume of m3 for this type of ore.]]</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">[[image:icon_miner_i.png|20px|Best yield per volume of m3 for this type of ore.]]</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
|}
 +
|}
 +
 
 +
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Tech & faction
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png '''Tama Cerebellum'''
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_tech2.png|24px|link=]]</div><div style="border:0px; position:absolute; top:104px; left:104px;">{{icon|ore|24}}</div>[[image:Prospect.jpg|128px]]</div>
| A frigate, spawns in a variety of different incursion sites.
+
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Larger icon
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png '''Auga Hypophysis'''
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_faction.png|24px|link=]]</div><div style="border:0px; position:absolute; top:80px; left:80px;">{{icon|amarr2|48}}</div>[[image:Malediction.jpg|128px]]</div>
| A cruiser (close orbit), spawns in a variety of different incursion sites.
+
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Larger still
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png '''Deltole Tegmentum''' http://image.eveonline.com/Type/16479_32.png http://image.eveonline.com/Type/12709_32.png
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_tech1.png|24px|link=]]</div><div style="border:0px; position:absolute; top:64px; left:64px;">{{icon|gallente2|64}}</div>[[image:Dominix.jpg|128px]]</div>
| A battleship, spawns in a variety of different incursion sites.
+
|}
 +
|}
 +
 
 +
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Label
 
|-
 
|-
| nowrap | http://image.eveonline.com/Type/447_32.png '''Outuni Mesen''' http://image.eveonline.com/Type/16479_32.png
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%;"><p style="padding-left:6px;">[[Venture]]</p></div>[[image:Venture.jpg|128px]]</div>
| A battleship, spawns in assault sites and up.
+
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Label too long
 
|-
 
|-
| colspan="2" style="background:#222222;" | You also have special NPCs like '''Citizen Astur''', '''Slave 32152''', '''Slave Endoma01''', '''Slave Heavenbound02''' and '''Slave Tama01''' that spawns in the last wave of the assault-site [[Nation Commander Stronghold]]. Killing them also conveniently finishes that site and forces any remaining ships to warp away.
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%;"><p style="padding-left:6px;">{{sh|Typhoon Fleet Issue}}</p></div>[[image:Typhoon Fleet Issue.jpg|128px]]</div>
 +
|}
 
|}
 
|}
It is important to take your fleet composition into consideration when a logistics pilot disconnects or they all get jammed and you're left with no remote repairs. Most fleets with a proper setup including emergency energy transfers, shield maintenance bots and calm pilots, can usually remove enough damage from the field to hold down the fort until the logistics pilot reconnects. Starting to align can in fact be a bad choice in some circumstances (since it reduces your tracking), so take a second to get confirmation on scrams (who's scrammed and by whom) while making a judgment call if you can handle the incoming damage or not.
 
  
=== New icons ===
+
= Pre-tag with markups =
[[image:icon_warp_scrambler_i.png|thumb]]
+
Sometimes you want to combine showing raw code, which is easily done with the {{co|violet|&lt;pre&gt;&lt;/pre&gt;}} html-tag or with the {{t|code}}-template, but also do some markup on it to illustrate what to change.
[[image:icon_warp_scrambler_ii.png|thumb]]
+
 
[[image:icon_warp_scrambler_faction.png|thumb]]
+
Here's an example of how it can be done, taken from the [[overview manipulation]] page:
 +
 
 +
<pre<includeonly></includeonly>>
 +
tabSetup:  {{co|lightgreen|-- This identifies the start of the code handling tabs.}}
 +
- - 0  {{co|lightgreen|-- First tab.}}
 +
  - - - bracket
 +
      - null
 +
    - - name
 +
      - {{co|slateblue|<b&gt;.  PvP  .</b&gt;}}  {{co|lightgreen|-- This is the value for 'name', which is the label for the tab.}}
 +
    - - overview
 +
      - {{co|slateblue|1a - pvp + drones}}  {{co|lightgreen|-- This is the name of the setting that's loaded into this tab.}}
 +
</pre<includeonly></includeonly>>
 +
 
 +
The key to make this kind of presentation work is to break up the pre-tag with another tag, opening it up with {{co|violet|&lt;pre&lt;includeonly&gt;&lt;/includeonly&gt;&gt;}} and then closing it with {{co|violet|&lt;/pre&lt;includeonly&gt;&lt;/includeonly&gt;&gt;}}, which will end up changing the parsing behaviour of the page and the end result is that you can combine the best of both worlds, a pre-formatted text you can markup with colours or other highlight-methods.
 +
 
 +
In the rare case your code or text has some templates or wiki-code you don't want to format, but still want to be able to add your own wiki commands you can take this even further by adding {{co|violet|&lt;nowiki&gt;}} to the opening pre-line and {{co|violet|&lt;/nowiki&gt;}} in the closing part then wrap any individual wiki-code inside with the reverse {{co|violet|&lt;/nowiki&gt;}} wiki-code {{co|violet|&lt;nowiki&gt;}} markup.
 +
 
 +
Since this opens up for html-tags as well as wiki-markups it might be necessary to break up tags or replace equal signs to get the parsed result to your liking. This can be done by using {{co|slateblue|&amp;lt;}} instead of {{co|violet|<}} and {{co|slateblue|&amp;gt;}} instead of {{co|violet|>}} for tags plus {{co|slateblue|&amp;#61;}} instead of {{co|violet|&#61;}} for the equal sign. Technically you only need to break the tag in one place to achieve this, like using {{co|slateblue|<pre&amp;gt;}} as this will be enough for the parser to ignore the incomplete tag, but sometimes it's worth changing both brackets to avoid any potential problems with the rest of the code.
 +
 
 +
= Useful HTML-codes =
 +
Sometimes you have templates that doesn't allow for showing things like {{co|violet|&#61;}}, {{co|violet|&lt;}} or {{co|violet|&gt;}}, then you can use the following:
 +
{|
 +
| valign="top" |
 +
{| class="wikitable" style="font-size:90%; text-align:center;"
 +
! Code
 +
! Result
 +
|-
 +
| {{co|slateblue|&amp;#61;}}
 +
| {{co|violet|&#61;}}
 +
|-
 +
| {{co|slateblue|&amp;lt;}}
 +
| {{co|violet|&lt;}}
 +
|-
 +
| {{co|slateblue|&amp;gt;}}
 +
| {{co|violet|&gt;}}
 +
|-
 +
| {{co|slateblue|&amp;amp;}}
 +
| {{co|violet|&}}
 +
|-
 +
| {{co|slateblue|&amp;#47;}}
 +
| {{co|violet|/}}
 +
|-
 +
| {{co|slateblue|&amp;#35;}}
 +
| {{co|violet|#}}
 +
|}
 +
| valign="top" | <br>For more HTML-codes, see this site:<br>[http://www.ascii.cl/htmlcodes.htm HTML Codes - Table of ascii characters and symbols]
 +
|}
 +
 
 +
= CSS table-magic =
 +
Sometimes you just want some more granular control over formatting in you table, be that row-wise or column-wise. A wonderful and might I add neat trick is to use {{co|violet|nth-child()}} or {{co|violet|nth-last-child()}} to select which columns (or other element) should be affected by a specific format through the parameter variable.
 +
 
 +
The parameter can allow you to do simple identifications like {{co|slateblue|(1)}} for '''first''', {{co|slateblue|(odd)}} for '''first, third, fifth etc''' or more grouped selections like {{co|slateblue|(-n+2)}} for '''first two columns''' etc. Then {{co|violet|nth-last-child()}} reverses it and {{co|slateblue|(1)}} turns to '''last''' and {{co|slateblue|(-n+2)}} to '''last two right-most columns''' for example.
 +
 
 +
Add the following CSS-snippet to the page/section before the actual table:
 +
<pre>
 +
{{#css:
 +
tr td:nth-child(-n+2) { text-align: left; }
 +
}}
 +
</pre>
 +
Then continue with the actual table:
 +
<pre>
 +
{| class="wikitable" style="text-align: center;"
 +
! Column 1
 +
! Column 2
 +
! Column 3
 +
! Column 4
 +
|-
 +
| Foo
 +
| Bar
 +
| 1
 +
| 2
 +
|}
 +
</pre>
 +
That will allow you to make a simple and clean table, that's easy for people to edit and read, without cluttering it up with various styles on a cell by cell basis when all you want to do is have a table mostly aligned one way but specifically tailor a few columns in a different way.
 +
 
 +
This is how it ends up, affected rows highlighted in {{co|slateblue|blue}}:
 +
{{#css:
 +
.testing tr td:nth-child(-n+2) { text-align: left; }
 +
}}
 +
{| class="wikitable testing" style="text-align: center;"
 +
! Column 1
 +
! Column 2
 +
! Column 3
 +
! Column 4
 +
|-
 +
| {{co|slateblue|Foo}}
 +
| {{co|slateblue|Bar}}
 +
| 1
 +
| 2
 +
|}
 +
This is of course not limited to columns, but can also easily be used to alternate background colours for rows etc. For more examples of how you can use the selector part, see [https://css-tricks.com/almanac/selectors/n/nth-child/ :nth-child selector]
 +
 
 +
= Colours =
 +
{{#css:
 +
.wraps { line-height:100%; margin:0px; border:0px; border-spacing:0px; border-collapse:collapse; padding:0px; vertical-align:middle; }
 +
.wrap div { margin:0px; display:inline-block; vertical-align:middle; color:lightgray; }
 +
.bars { height:8px; }
 +
.text { padding-left:4px; padding-right:4px; text-align:left; }
 +
.text2 { padding-right:4px; padding-left:4px; text-align:right; }
 +
/* Green - orange (bright) */
 +
.c1 { background-color:#e15800; } .cc1 { color:#e15800; }
 +
.c2 { background-color:#dd9900; } .cc2 {  color:#dd9900; }
 +
.c3 { background-color:#93D500; } .cc3 { color:#93D500; }
 +
.c4 { background-color:#51D200; } .cc4 { color:#51D200; }
 +
/* Green - red (dark). */
 +
.d1 { background-color:Maroon; } .dd1 { color:Maroon; }
 +
.d2 { background-color:Sienna; } .dd2 { color:Sienna; }
 +
.d3 { background-color:Olive; } .dd3 { color:Olive; }
 +
.d4 { background-color:ForestGreen; } .dd4 { color:ForestGreen; }
 +
/* Blue-purple (dark). */
 +
.e1 { background-color:purple; } .ee1 { color:purple; }
 +
.e2 { background-color:rebeccapurple; } .ee2 { color:rebeccapurple; }
 +
.e3 { background-color:slateblue; } .ee3 { color:slateblue; }
 +
.e4 { background-color:steelblue; } .ee4 { color:steelblue; }
 +
}}
 +
Some colours I use.
 +
{| cellspacing="4"
 +
| valign="top" |
 +
{| class="wikitable"
 +
! #
 +
! style="background-color:#222222;" | C
 +
! style="background-color:#222222;" | D
 +
! style="background-color:#222222;" | E
 +
|-
 +
| 4<br>3<br>2<br>1
 +
| valign="top" |
 +
<font class="cc1">&#9608; #e15800</font><br>
 +
<font class="cc2">&#9608; #dd9900</font><br>
 +
<font class="cc3">&#9608; #93D500</font><br>
 +
<font class="cc4">&#9608; #51D200</font><br>
 +
| valign="top" |
 +
<font class="dd1">&#9608; Maroon</font><br>
 +
<font class="dd2">&#9608; Sienna</font><br>
 +
<font class="dd3">&#9608; Olive</font><br>
 +
<font class="dd4">&#9608; ForestGreen</font>
 +
| valign="top" |
 +
<font class="ee1">&#9608; purple</font><br>
 +
<font class="ee2">&#9608; rebeccapurple</font><br>
 +
<font class="ee3">&#9608; slateblue</font><br>
 +
<font class="ee4">&#9608; steelblue</font>
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Security status
 +
|-
 +
| {{co|#2FEFEF|&#9608;}} 1.0 - #2FEFEF
 +
|-
 +
| {{co|#48F0C0|&#9608;}} 0.9 - #48F0C0
 +
|-
 +
| {{co|#00EF47|&#9608;}} 0.8 - #00EF47
 +
|-
 +
| {{co|#00F000|&#9608;}} 0.7 - #00F000
 +
|-
 +
| {{co|#8FEF2F|&#9608;}} 0.6 - #8FEF2F
 +
|-
 +
| {{co|#EFEF00|&#9608;}} 0.5 - #EFEF00
 +
|-
 +
| {{co|#D77700|&#9608;}} 0.4 - #D77700
 +
|-
 +
| {{co|#F06000|&#9608;}} 0.3 - #F06000
 +
|-
 +
| {{co|#F04800|&#9608;}} 0.2 - #F04800
 +
|-
 +
| {{co|#D73000|&#9608;}} 0.1 - #D73000
 +
|-
 +
| {{co|#F00000|&#9608;}} 0.0 - #F00000
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Miscellanous
 +
|-
 +
|
 +
<font style="color:coral;">&#9608; coral</font> (modules)<br>
 +
<font style="color:wheat;">&#9608; wheat</font> (quotes)<br>
 +
<font style="color:slateblue;">&#9608; slateblue</font> (changes)<br>
 +
<font style="color:violet;">&#9608; violet</font> (tags)<br>
 +
<font style="color:lightgreen;">&#9608; lightgreen</font> (comments)<br>
 +
<font style="color:#ffd75f;">&#9608; #ffd75f</font> (suspect)<br>
 +
<font style="color:red;">&#9608; red</font> (criminal & weapon)<br>
 +
<font style="color:cyan;">&#9608; cyan</font> (limited engagement)
 +
|}
 +
|}
 +
 
 +
= Gradients =
 +
{{#css:
 +
.linear {
 +
  padding:0px;
 +
  background-image: linear-gradient(#00AA00, #AA0000);
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00AA00), color-stop(1, #AA0000) );
 +
  background-color: #111111;
 +
  height: 100%;
 +
}
 +
.linear2 {
 +
  padding:0px;
 +
  background-image: linear-gradient(to right, #00AA00, #AA0000);
 +
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00AA00), color-stop(1, #AA0000) );
 +
  background-color: #111111;
 +
  width: 100%;
 +
}
 +
.radial{
 +
  padding:0px;
 +
  background-image: radial-gradient(#00AA00, #AA0000);
 +
  background-image: -webkit-gradient(radial, center center, 0, center center, 75, color-stop(0, #00AA00), color-stop(1, #AA0000));
 +
  //background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(black), to(white), color-stop(0, #00AA00), color-stop(1, #AA0000));
 +
  background-color: #111111;
 +
}
 +
}}
 +
You need the '''CSS''' script to handle both normal browsers supporting CSS3 and the ingame browser which do not, but apparently has some old webkit support.
 +
{| cellpadding="5" cellspacing="5"
 +
| valign="top" | '''Linear'''<br>(vertical)
 +
{| class="wikitable" cellspacing="0" cellpadding="0"
 +
|-
 +
! 1
 +
| rowspan="4" class="linear" style="width:2em;" |
 +
|-
 +
! 2
 +
|-
 +
! 3
 +
|-
 +
! 4
 +
|}
 +
| valign="top" | '''Linear'''<br>(horizontal)
 +
{| class="wikitable"
 +
! 1
 +
! 2
 +
! 3
 +
! 4
 +
|-
 +
| colspan = 4 class="linear2" style="height:2em;" |
 +
|}
 +
| valign="top" | '''Radial'''<br>
 +
{| class="wikitable" style="height:8em;"
 +
! +
 +
! 1
 +
! 2
 +
! 3
 +
! 4
 +
|-
 +
| 1
 +
| rowspan = 4 colspan = 4 class="radial" style="width:8em;" |
 +
|-
 +
| 2
 +
|-
 +
| 3
 +
|-
 +
| 4
 +
|}
 +
|}
 +
 
 +
= Tooltips =
 +
{{#css:
 +
 
 +
.tooltip { outline:none; position: relative }
 +
.tooltip:hover span { display: inline-block; }
 +
 
 +
.tooltip span {
 +
  z-index: 10;
 +
  position: absolute;
 +
  display: none;
 +
  padding: 8px;
 +
  width: 300px;
 +
  line-height: 1em;
 +
  color: black;
 +
  background: #aaaaaa;
 +
  border: 1px solid #222222;
 +
  border-radius: 8px;
 +
  text-decoration: none;
 +
  box-shadow: 2px 2px 4px #000000;
 +
  white-spacing:
 +
}
 +
 
 +
.tooltip.right span { left: 100%; margin-left: 1em; margin-top: -.5em; }
 +
.tooltip.left  span { right: 100%; margin-right: 1em; margin-top: -.5em; }
 +
.tooltip.up    span { bottom: 0; margin-bottom: 1.5em; }
 +
.tooltip.down  span { top: 0; margin-top: 1.5em; }
 +
 
 +
}}
 +
 
 +
'''Normal''' tooptip: {{tooltip|Example1|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.}} (lots of text) {{tooltip|Example2|Lorem ipsum dolor sit amet.}} (short text).
 +
 
 +
 
 +
Let's see what the <font color="wheat"><span class="tooltip up">tooltip up<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> does compared to <font color="lime"><span class="tooltip right">tooltip right<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> as well as how <font color="crimson"><span class="tooltip left">tooltip left<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> differ from <font color="magenta"><span class="tooltip down">tooltip down<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> when put in the end. Does this <font color="cyan"><span class="tooltip">normal tooltip<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> change?
 +
 
 +
Now how about an image like this? <span class="tooltip up">{{icon|web|32}}<span style="font-size:90%">{{icon|web|20}} -60% speed reduction at 30 km.</span></span> or a larger one like <span class="tooltip down">{{icon|amarr|64}}<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span>
 +
 
 +
= Warp disruption =
 +
Certain actions are prevented by '''warp disruption''':
 +
{| class="wikitable" style="text-align:center;"
 +
! Actions and restrictions
 +
! {{icon|point|64|Warp disruption}}<br>Warp disruption
 +
! {{icon|scram|64|Warp scrambling}}<br>Warp scrambling
 +
! https://image.eveonline.com/Type/22778_64.png<br>Interdiction probe
 +
! https://image.eveonline.com/Type/28654_64.png<br>Interdiction field
 +
! https://image.eveonline.com/Type/29003_64.png<br>Infinity-point
 +
! https://image.eveonline.com/Type/45010_64.png<br>Infinity-scram
 +
|-
 +
| style="text-align:left;" | Activating your '''Warp Drive'''
 +
| {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating an '''Acceleration Gate'''
 +
| {{icon|x}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a '''Star Gate''' (sub-capital ships)
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}}
 +
|-
 +
| style="text-align:left;" | Activating a '''Star Gate''' (capital ships)
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Microwarpdrive]] (MWD)
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Micro Jump Drive]] (MJD)
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Micro Jump Drive Field Generator]]&nbsp;
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Jump Drive]]
 +
| {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Docking in a '''Station'''
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}}
 +
|-
 +
| style="text-align:left;" | Docking in an [[Upwell structures|Upwell structure]]
 +
| {{icon|x}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|}

Latest revision as of 19:34, 29 January 2021

Icons

white green incursions checkers locked miscellaneous

Icon left.png Icon up.png Icon down.png Icon right.png

Icon left green.png Icon up green.png Icon down green.png Icon right green.png

Icon incursion effect cyno.png Icon incursion effect damage.png Icon incursion effect resists.png Icon incursion effect bounties.png

Icon green check.png Icon yellow circle.png Icon red x.png Icon checkmark.png Icon cancel.png

Icon locked.png Icon unlocked.png

Icon fedo.png Source book.png Concord mtac.png

Help/info Post-its Settings

Icon show info.png Icon help.png Icon help square.png Icon information.png Icon information2.png Icon information square.png

Icon postit.png Icon postits.png Icon postit block.png Icon pax amarria.png

Icon cogs.png Icon cog.png Icon cog bolt.png

Progression template

 67%

For resists:

 60 %
 43 %
 33 %
 90 %

Resist-table

Ship Stats shield electromagnetic resistance shield thermal resistance shield kinetic resistance shield explosive resistance
Icon shield.png 2,500 HP
 60 %
60 %
60 %
60 %
borderless 1,250 HP
 43 %
 43 %
 43 %
 43 %
Icon hull.png 625 HP
 0 %
 0 %
 0 %
 0 %

What happens when you disconnect from the game?

a) Your ship will only try to warp out once (1,000,000 km in a random direction), if for some reason you can't warp right then and there, there will be no more attempts to emergency warp. If you get killed, your pod will also try to warp out once, but like your ship just that one time.
b) Modules will continue to cycle while you have cap, hardeners will stay on, guns will continue to fire (while having ammo) etc.
c) Skills will continue to have an effect, modules like EANMs will continue to function at the same level even if you're disconnected.
d) If they stop shooting you at some point, you'll automatically log out of the game for real as soon as the timers run out, regardless how many times they've been refreshed (this was obvious but still thought I'd double-check it).

Layered images

Sometimes it makes sense to manually build up an image comprised of an image and a tag, two or more images or a semi-transparent label over an image.

Tech and faction
Icon faction.png
Tempest Fleet Issue.jpg
Icon tech2.png
Scimitar.jpg
Icon tech3.png
Legion.jpg
Mining
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Tech & faction
Icon tech2.png
Logo faction outer ring excavations.png
Prospect.jpg
Larger icon
Icon faction.png
Logo faction amarr empire clean.png
Malediction.jpg
Larger still
Icon tech1.png
Logo faction gallente federation clean.png
Dominix.jpg
Label
Label too long

Pre-tag with markups

Sometimes you want to combine showing raw code, which is easily done with the <pre></pre> html-tag or with the {{code}}-template, but also do some markup on it to illustrate what to change.

Here's an example of how it can be done, taken from the overview manipulation page:

tabSetup:  -- This identifies the start of the code handling tabs.
- - 0  -- First tab.
  - - - bracket
      - null
    - - name
      - <b>.  PvP  .</b>  -- This is the value for 'name', which is the label for the tab.
    - - overview
      - 1a - pvp + drones  -- This is the name of the setting that's loaded into this tab.

The key to make this kind of presentation work is to break up the pre-tag with another tag, opening it up with <pre<includeonly></includeonly>> and then closing it with </pre<includeonly></includeonly>>, which will end up changing the parsing behaviour of the page and the end result is that you can combine the best of both worlds, a pre-formatted text you can markup with colours or other highlight-methods.

In the rare case your code or text has some templates or wiki-code you don't want to format, but still want to be able to add your own wiki commands you can take this even further by adding <nowiki> to the opening pre-line and </nowiki> in the closing part then wrap any individual wiki-code inside with the reverse </nowiki> wiki-code <nowiki> markup.

Since this opens up for html-tags as well as wiki-markups it might be necessary to break up tags or replace equal signs to get the parsed result to your liking. This can be done by using &lt; instead of < and &gt; instead of > for tags plus &#61; instead of = for the equal sign. Technically you only need to break the tag in one place to achieve this, like using <pre&gt; as this will be enough for the parser to ignore the incomplete tag, but sometimes it's worth changing both brackets to avoid any potential problems with the rest of the code.

Useful HTML-codes

Sometimes you have templates that doesn't allow for showing things like =, < or >, then you can use the following:

Code Result
&#61; =
&lt; <
&gt; >
&amp; &
&#47; /
&#35; #

For more HTML-codes, see this site:
HTML Codes - Table of ascii characters and symbols

CSS table-magic

Sometimes you just want some more granular control over formatting in you table, be that row-wise or column-wise. A wonderful and might I add neat trick is to use nth-child() or nth-last-child() to select which columns (or other element) should be affected by a specific format through the parameter variable.

The parameter can allow you to do simple identifications like (1) for first, (odd) for first, third, fifth etc or more grouped selections like (-n+2) for first two columns etc. Then nth-last-child() reverses it and (1) turns to last and (-n+2) to last two right-most columns for example.

Add the following CSS-snippet to the page/section before the actual table:

{{#css:
 tr td:nth-child(-n+2) { text-align: left; }
}}

Then continue with the actual table:

{| class="wikitable" style="text-align: center;"
! Column 1
! Column 2
! Column 3
! Column 4
|-
| Foo
| Bar
| 1
| 2
|}

That will allow you to make a simple and clean table, that's easy for people to edit and read, without cluttering it up with various styles on a cell by cell basis when all you want to do is have a table mostly aligned one way but specifically tailor a few columns in a different way.

This is how it ends up, affected rows highlighted in blue:

Column 1 Column 2 Column 3 Column 4
Foo Bar 1 2

This is of course not limited to columns, but can also easily be used to alternate background colours for rows etc. For more examples of how you can use the selector part, see :nth-child selector

Colours

Some colours I use.

# C D E
4
3
2
1

█ #e15800
█ #dd9900
█ #93D500
█ #51D200

█ Maroon
█ Sienna
█ Olive
█ ForestGreen

█ purple
█ rebeccapurple
█ slateblue
█ steelblue

Security status
1.0 - #2FEFEF
0.9 - #48F0C0
0.8 - #00EF47
0.7 - #00F000
0.6 - #8FEF2F
0.5 - #EFEF00
0.4 - #D77700
0.3 - #F06000
0.2 - #F04800
0.1 - #D73000
0.0 - #F00000
Miscellanous

█ coral (modules)
█ wheat (quotes)
█ slateblue (changes)
█ violet (tags)
█ lightgreen (comments)
█ #ffd75f (suspect)
█ red (criminal & weapon)
█ cyan (limited engagement)

Gradients

You need the CSS script to handle both normal browsers supporting CSS3 and the ingame browser which do not, but apparently has some old webkit support.

Linear
(vertical)
1
2
3
4
Linear
(horizontal)
1 2 3 4
Radial
+ 1 2 3 4
1
2
3
4

Tooltips

Normal tooptip: Example1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. (lots of text) Example2Lorem ipsum dolor sit amet. (short text).


Let's see what the tooltip upLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. does compared to tooltip rightLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. as well as how tooltip leftLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. differ from tooltip downLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. when put in the end. Does this normal tooltipLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. change?

Now how about an image like this? Icon stasis webifier i.pngIcon stasis webifier i.png -60% speed reduction at 30 km. or a larger one like Logo faction amarr empire.pngLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.

Warp disruption

Certain actions are prevented by warp disruption:

Actions and restrictions Warp disruption
Warp disruption
Warp scrambling
Warp scrambling
22778_64.png
Interdiction probe
28654_64.png
Interdiction field
29003_64.png
Infinity-point
45010_64.png
Infinity-scram
Activating your Warp Drive Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png
Activating an Acceleration Gate Icon large red x.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png
Activating a Star Gate (sub-capital ships) Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png
Activating a Star Gate (capital ships) Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png
Activating a Microwarpdrive (MWD) Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Micro Jump Drive (MJD) Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Micro Jump Drive Field Generator  Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Jump Drive Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png
Docking in a Station Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png
Docking in an Upwell structure Icon large red x.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png