Weasyl Hip Squares 200x

Added by Ois@userstyles, Created: Jul 07, 2015, Updated: Jul 09, 2015
  • With the style applied
  • front page
  • browse page


I made this mainly because I have trouble scanning/browsing thumbnails when presented with variable widths. While I appreciate the work that went into the new layout, I'll just struggle with it as I do with any other site that uses this layout system.

The attempt here is to fit those thumbs back into their square containers and align them in a neater grid system. It's not going to restore the old one as Weasyl generated specific thumbnails for that, but should help those that are having issues on the new one.

This is my quick and dirty attempts to restore it. I'll keep it up until someone does a better job than I.


More info
v0.01 - prototype. Yeah, gotta fix how images display inside the thumbnail area, but hey! squares!
v0.02 - After some fast feedback, changed the image scaling. Each image now sits in a background square, but scales up until a max is found. Kinda... Probably an edge case I've not yet seen.
v0.03 - tiny/small/medium/large grids should all now squarify themselves without breaking avatar grids. Sorry about that!

0.04 - Bumped up the margins a bit to give some space between thumbnails

I've only tested on the latest stable build of Firefox. If anything breaks, let me know and I'll get on to it.

You should to add comment and rate the style.


+ Create discussion

Applies to:
CC0 1.0 Universal.
Ois@userstyles has waived all copyright and related or neighboring rights to Weasyl Hip Squares 200x, to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.