/OverlayPlugin-themes

Different layouts for OverlayPlugin

Primary LanguageJavaScript

#OverlayPlugin Themes

Usage

git clone or download the ZIP package to a directory (i.e. your ACT directory)

In ACT -> Plugins -> OverlayPlugin.dll settings, for URL, browse to the folder where you extracted the ZIP and then select the HTML file of your choice.

Screenshots

rdmty_default.html

Requires OverlayPlugin >= 0.3.3.3!!

  • Collapse/expand detailed statistics for the encounter
  • Switch between DPS, Healer, or Tanking views rdmty features rdmty Healing rdmty Tanking

rdmty_no_job_colors.html

rdmty with single color for bars

kyitrai

kyitrai

Immutable

Immutable

xephero.html

xephero

elizar2006

elizar2006

momokotomoko

momokotomoko

tristoune

tristoune

Vertigo

miniparseVertigo

Contributing Your Own Layouts

Naming

Give your HTML files a descriptive name, i.e. your tag_description.html Use a single CSS and JS file for all of your similar themes.

  • CSS - your tag.css
  • JS - your tag.js

Future

In order to make it easier to maintain, as well as customize, let's try to standardize the layouts. Let's split the HTML file into separate CSS and JS files (use rdmty_compact_dps.html as an example for now). In In the future, React will probably be dropped in favor of something a bit more familiar (probably just templates using handlebars).

Directory Structure

  • app - Your JS application files (not third party libraries)
  • css - CSS files
  • images - Any image resources should be put in here
  • lib - JS library files

The user currently has only one interface to customize the layout from ACT (without modifying any files): selecting the HTML file. Make the HTML file as descriptive as possible and try to not modify much code in the HTML file (besides customization variables and CSS/JS file names). This way, if we were to get support for more customization options in ACT plugin, it would be easier to modify the themes for this.