More actions
m →Tab appearance: Fixed the pre-with-markups trick, it no longer requires a workaround for the tags but can be written as is. |
m Change background color to design-token. Replace deprecated html with CSS. Replace deprecated {{Icon}} with direct file links. Implement flex-container. |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
Information on what's possible to manipulate when it comes to the [[overview]] in EVE Online as well as some practical examples. The overview is essential in showing you what's happening around you. More information about how to set it up according to EVE University standards can be found on the [[Installing the EVE University Overview]] article. | |||
== What can you manipulate? == | == What can you manipulate? == | ||
[[image:overview_manipulation.png|thumb|Most people edit the overview file to change the appearances of the '''tabs''' and the '''labels'''.]] | [[image:overview_manipulation.png|thumb|Most people edit the overview file to change the appearances of the '''tabs''' and the '''labels'''.]] | ||
While you can make any number of changes to the overview through the .yaml file, almost all of the things that can be changed | While you can make any number of changes to the overview through the .yaml file, almost all of the things that can be changed is much easier and more reliable to change in-game, with the exception of changing colors, font sizes, styles etc of the tab names and the ship labels / brackets in space. | ||
===== Tab appearance ===== | ===== Tab appearance ===== | ||
The ''Overview Tabs'' settings | The ''Overview Tabs'' settings in-game will allow you to add HTML-formatting, but most people prefer to edit this outside the client anyway due to the highly restrictive input fields. It's much easier to edit those values in a proper text-editor than trying to do it in a tiny little window that shows but a few letters at a time. | ||
===== Ship labels / brackets in space ===== | ===== Ship labels / brackets in space ===== | ||
Whenever you select a target or hover over a bracket in space you'll get some information about the entity. By manipulating the .yaml file you can customize this to show the information in different | Whenever you select a target or hover over a bracket in space you'll get some information about the entity. By manipulating the .yaml file you can customize this to show the information in different colors, font sizes or even with personalized line breaks etc. These changes will affect your combat notifications as well and show the parts regarding players and player owned entities appropriately formatted, which is an added bonus that leads to improved readability of onscreen combat messages. If you decide to add manual line breaks or other formatting code, be sure to check that the onscreen combat messages are still readable. | ||
You can only change the appearance of players and player items (like mobile depots) this way, celestials, anomalies, NPC ships etc will have their default appearance no matter what you do. | You can only change the appearance of players and player items (like mobile depots) this way, celestials, anomalies, NPC ships etc will have their default appearance no matter what you do. | ||
== How do you go about manipulating the overview? == | == How do you go about manipulating the overview? == | ||
[[image:overview_settings.png|thumb|Access your overview settings with your [[Keyboard_controls#Modifying_Shortcuts|shortcut]], chat-channel command or through the regular right-click context | [[image:overview_settings.png|thumb|Access your overview settings with your [[Keyboard_controls#Modifying_Shortcuts|shortcut]], chat-channel command or through the regular right-click context menu.]] | ||
[[image:overview_settings_window.png|thumb|'''Importing''' and '''exporting''' settings is done by clicking the buttons at the bottom of the ''Misc'' tab in the overview settings window.]] | [[image:overview_settings_window.png|thumb|'''Importing''' and '''exporting''' settings is done by clicking the buttons at the bottom of the ''Misc'' tab in the overview settings window.]] | ||
{{important note box|It's highly recommended that you make a backup of your current overview first and work from a copy instead.}} | {{important note box | ||
|It's highly recommended that you make a backup of your current overview first and work from a copy instead. | |||
}} | |||
The easiest way to manipulate your overview is to save your current overview and then export it into your documents folder. Then you can open the overview file in a text editor and quickly view your changes | The easiest way to manipulate your overview is to save your current overview and then export it into your documents folder. Then you can open the overview file in a text editor and quickly view your changes in-game by saving the file and importing the new settings. That way you can easily tinker with your overview until you have it just the way you like it. | ||
===== Managing your overview settings while docked in a station ===== | ===== Managing your overview settings while docked in a station ===== | ||
| Line 32: | Line 34: | ||
Where this folder is depends on your operating system. | Where this folder is depends on your operating system. | ||
{| class="wikitable" | {| class="wikitable" | ||
|- style="background-color: var(--background-color-warning-subtle);" | |||
! OS | |||
! Location of the folder | |||
|- | |- | ||
| | | [[File:Icon os windows.png|38px]] | ||
| In Windows the files will be in your ''"My Documents"'' folder.<br>{{co|orange|%userprofile%\documents\EVE\Overview}} | | In Windows the files will be in your ''"My Documents"'' folder.<br>{{co|orange|%userprofile%\documents\EVE\Overview}} | ||
|- | |- | ||
| | | [[File:Icon os macintosh.png|38px]] | ||
| For Macintosh users the files will be in the following folder:<br>{{co|orange|<username>/Documents/EVE/Overview}} | | For Macintosh users the files will be in the following folder:<br>{{co|orange|<username>/Documents/EVE/Overview}} | ||
|} | |} | ||
== Editing the overview file out-of-game == | == Editing the overview file out-of-game == | ||
The overview is saved in the .yaml file format and can be edited in pretty much any kind of text-editor, like the commonly used [https://notepad-plus-plus.org/ Notepad++], but of course the standard notepad editor that comes with Windows works as well. Simply right-click the file and open it with your | The overview is saved in the .yaml file format and can be edited in pretty much any kind of text-editor, like the commonly used [https://notepad-plus-plus.org/ Notepad++], but of course the standard notepad editor that comes with Windows works as well. Simply right-click the file and open it with your favorite text-editor to start editing. The majority of the changes you're likely to make (tab and label edits) will be at the very end of the file. | ||
===== File structure ===== | ===== File structure ===== | ||
The overview is stored in .yaml files where you can write plain | The overview is stored in .yaml files where you can write plain HTML-code and it'll be parsed just fine. Attributes and values are split across individual lines, with {{co|violet|-}} markups identifying and grouping the variables. Here's an example with changes {{co|slateblue|highlighted in blue}} and comments in {{co|lightgreen|-- green}}: | ||
<pre<includeonly></includeonly> style="font-size: 90%; max-width: fit-content;"> | |||
tabSetup: {{co|lightgreen|-- This identifies the start of the code handling tabs.}} | tabSetup: {{co|lightgreen|-- This identifies the start of the code handling tabs.}} | ||
- - 0 {{co|lightgreen|-- First tab.}} | - - 0 {{co|lightgreen|-- First tab.}} | ||
| Line 97: | Line 99: | ||
{{co|lightgreen|-- Etc, etc.}} | {{co|lightgreen|-- Etc, etc.}} | ||
</pre<includeonly></includeonly>> | </pre<includeonly></includeonly>> | ||
===== Reloading settings while in space ===== | ===== Reloading settings while in space ===== | ||
| Line 106: | Line 107: | ||
== Modifying the tab appearance and ship labels ingame == | == Modifying the tab appearance and ship labels ingame == | ||
By opening up the '''Overview Settings''' page and going to the various tabs you can quickly change some of this directly. The '''Tab Name''' text-field on the '''Overview Tabs''' page will only show you a maximum of 17 characters at a time and the text-fields for the '''Ships''' tab is even worse, only showing a maximum of 3 characters at a time. This is why why many prefer to edit this directly in the overview file, where there are no limits or restrictions. | By opening up the '''Overview Settings''' page and going to the various tabs you can quickly change some of this directly. The '''Tab Name''' text-field on the '''Overview Tabs''' page will only show you a maximum of 17 characters at a time and the text-fields for the '''Ships''' tab is even worse, only showing a maximum of 3 characters at a time. This is why why many prefer to edit this directly in the overview file, where there are no limits or restrictions. | ||
<div style="display: flex; flex-wrap: wrap;"> | |||
<div> | |||
[[image:overview_settings_overview_tabs.png|thumb|320px|In the '''Overview Tabs''' you can quickly edit the name and formatting of your tabs.]] | |||
</div> | |||
<div> | |||
[[image:overview_settings_ships.png|thumb|320px|In the '''Ships''' tab you can change the pre- and post-formatting for ship labels and brackets in space.]] | |||
</div> | |||
</div> | |||
= Format and style = | = Format and style = | ||
The overview supports a video variety of style formatting in plain html-code. | The overview supports a video variety of style formatting in plain html-code. | ||
; {{co|coral|Text formatting}} | ; {{co|coral|Text formatting}} | ||
:You can use simple | :You can use simple HTML-coding such as normal {{co|violet|<color></color>}} and {{co|violet|<font></font>}} tags, but also things like line breaks {{co|violet|<br>}}, bold {{co|violet|<b></b>}}, italic {{co|violet|<i></i>}} etc. | ||
; {{co|coral| | ; {{co|coral|Colors}} | ||
:For | :For colors, either use the simple '''color name''' or the '''HEX-based''' {{co|violet|0xFF}}{{co|magenta|RRGGBB}} format, so if you wanted the color {{co|green|green}} you could either do {{co|violet|<color=green>}} or {{co|violet|<color=0xFF}}{{co|magenta|008000>}}. | ||
; {{co|coral|Symbols}} | ; {{co|coral|Symbols}} | ||
: You can also use various ASCII- and HTML-codes, like rooks ♜ ♖, kings ♚ ♔, horses ♞ ♘, airplane ✈, skull ☠, yin and yang ☯, stars ★ ☆ or whatever else you might find. Not all symbols will work, or even turn out the way you thought they would, but you can easily just check that out in a chat window beforehand. | : You can also use various ASCII- and HTML-codes, like rooks ♜ ♖, kings ♚ ♔, horses ♞ ♘, airplane ✈, skull ☠, yin and yang ☯, stars ★ ☆ or whatever else you might find. Not all symbols will work, or even turn out the way you thought they would, but you can easily just check that out in a chat window beforehand. | ||
See '''w3schools'''' [ | See '''w3schools'''' [https://www.w3schools.com/html/html_formatting.asp text formatting] or [https://www.w3schools.com/colors/colors_names.asp color names] pages, or '''wikipedia's''' [[wikipedia:Web colors|Web colors]] page if you're new to HTML-coding. | ||
For a list of symbols that work in EVE you can check [[User: | For a list of symbols that work in EVE you can check [[User:Cassiel_Seraphim/Symbols|Cassiel's Symbols]] page. It's possible there are more symbols that might work, so feel free to check out [https://www.theasciicode.com.ar/ ASCII Codes] or [https://copypastecharacter.com/symbols Symbols] for inspiration, but remember that some of those symbols won't work in EVE. | ||
== Example == | == Example == | ||
This is an example of one of the pre-saved overviews that were available at the time of writing this guide. On the left is the unedited version of the overview, on the right is the code with the changes {{co|slateblue|highlighted in blue}} that enables the | This is an example of one of the pre-saved overviews that were available at the time of writing this guide. On the left is the unedited version of the overview, on the right is the code with the changes {{co|slateblue|highlighted in blue}} that enables the color-coding and font-changes. | ||
===== Tab appearance ===== | ===== Tab appearance ===== | ||
These changes are possible to do | These changes are possible to do in-game, albeit tricky since the window and editing fields are extremely limited. But the game will accept and change these values from inside the game, so there's technically no need to export and edit the files if this is all you want to edit. | ||
In this example I removed the bolding and simply made the font a little larger, because I have my interface scaled to 90% and my context-font set to 11 (which the tabs won't use for some reason). I also added some | In this example I removed the bolding and simply made the font a little larger, because I have my interface scaled to 90% and my context-font set to 11 (which the tabs won't use for some reason). I also added some colors and removed the dots and just used regular space to widen some of the shorter-named tabs and rearranged the tab order itself. | ||
{| style="font-size:90%;" | {| style="font-size: 90%;" | ||
! Original version | ! Original version | ||
! Modified version | ! Modified version | ||
|- | |- | ||
| | | style="vertical-align: top; white-space: nowrap;" | | ||
<pre | <pre> | ||
tabSetup: | tabSetup: | ||
- - 0 | - - 0 | ||
| Line 173: | Line 179: | ||
- - overview | - - overview | ||
- 5 - pod saver</pre> | - 5 - pod saver</pre> | ||
| | | style="vertical-align: top; white-space: nowrap;" | | ||
<!-- | <!-- | ||
The formatting here is purely for presenting it, the .yaml file parses it just fine as it is, so it's just for the sake of the wiki that I use the > < and = replacements. | The formatting here is purely for presenting it, the .yaml file parses it just fine as it is, so it's just for the sake of the wiki that I use the > < and = replacements. | ||
| Line 221: | Line 227: | ||
Depending on the order of these labels and the fact that some labels might not show all the time (not all corporations belong to an alliance and not all players will have a corporation tag), take a few minutes to decide if and where you'd your space. In this example, I moved the space from after the player name to before the corporation ticker, so that if the player isn't in a player corporation I won't get a superfluous space added. | Depending on the order of these labels and the fact that some labels might not show all the time (not all corporations belong to an alliance and not all players will have a corporation tag), take a few minutes to decide if and where you'd your space. In this example, I moved the space from after the player name to before the corporation ticker, so that if the player isn't in a player corporation I won't get a superfluous space added. | ||
{| style="font-size:90%;" | {| style="font-size: 90%;" | ||
! Original version | ! Original version | ||
! Modified version | ! Modified version | ||
|- | |- | ||
| | | style="vertical-align: top; white-space: nowrap;" | | ||
<pre> | <pre> | ||
shipLabels: | shipLabels: | ||
| Line 283: | Line 289: | ||
- ship type | - ship type | ||
</pre> | </pre> | ||
| | | style="vertical-align: top; white-space: nowrap;" | | ||
<pre | <pre<onlyinclude></onlyinclude>><nowiki> | ||
shipLabels: | shipLabels: | ||
- - null | - - null | ||
| Line 340: | Line 346: | ||
- - type | - - type | ||
- ship type | - ship type | ||
</nowiki></pre | </nowiki></pre<onlyinclude></onlyinclude>> | ||
|} | |} | ||
===== End result ===== | ===== End result ===== | ||
The above mentioned example will end up looking like this: | The above mentioned example will end up looking like this: | ||
<div style="display: flex; flex-wrap: wrap;"> | |||
<div>[[File:overview_manipulation_tabs.png|thumb|Tab appearance.]]</div> | |||
<div>[[File:overview_manipulation_labels.png|thumb|Ship labels in space and in the overview list.]]</div> | |||
<div>[[File:overview_manipulation_combat_logs.png|thumb|Ship labels affect the combat log as well.]]</div> | |||
</div> | |||
[[Category:User Interface]] | [[Category:User Interface]] | ||
[[Category:Guides]] | [[Category:Guides]] | ||