Code Monkey home page Code Monkey logo

poetrade_redesign's Introduction

PoETrade Redesign v1.3

Unofficial redesign for the official Path of Exile trade website.

Overview

This is just a few design changes to the PoE trade website to make it easier to use for now until GGG updates it in the future.

This will probably stop working when design changes are made by GGG, but uninstalling is as easy as removing the CSS file later on.

Official design (as of 2017/11/05).

Vertical design (v1.3 as of 2017/11/05).

Grid design (v1.3 as of 2017/11/05).

Installation

Automatic

  1. Install a stylesheet manager (used to put the CSS on the page).
  2. Go to the style you wish to use:
  3. Click on the Install Style button on the website.
  4. Browse to https://www.pathofexile.com/trade to use!

Manual

  1. Open your favourite stylesheet manager in your browser (I used Stylus on Firefox, Stylish on Chrome).
  2. Create a new style and paste in either the poetrade_grid.css file or the poetrade_vertical.css file found on this repository.
  3. Limit the domains to apply only to URLs on the domain pathofexile.com so that the CSS only affects the PoE trade website.

Updating

To update, reinstall the CSS file or go to your stylesheet manager and click on 'Manage Styles'. There should be an option to 'Check for Updates' and this will prompt you to update to the newest version.

Removal

  1. Go to your stylesheet manager (Stylish or Stylus) and delete the stylesheet installed (should be called PoE Trade Revamped - Vertical or PoE Trade Revamped - Grid).
  2. Uninstall your stylesheet manager if you no longer wish to use it.

Changelog

1.3

  • Updated Grid style to have prices lined up and item descriptions lined up for easy comparison.

1.2.1

  • Minor style fixes to clean things up.
  • Ensure boxes are always fixed at 45% width in Vertical style.
  • Minor changes to padding/spacing.
  • Add slight borders to differentiate sections better.

1.2

  • Made the price field for Vertical style not as cropped (expands out, looks much better).

1.1

  • Moved item prices to underneath the item picture.
  • Cleaned up vertical style slightly.

1.0

  • Added initial vertical and grid files.

poetrade_redesign's People

Contributors

imvoo avatar hendrikhaase avatar

Watchers

 avatar

Forkers

hendrikhaase

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.