Forum levelling system rank images
by teebling • 13th April 2018
Each level's progress bar has five states - empty, quarter full, half full, three-quarters full and totally full. Every ten levels the progress bar changes colour. Levels one to nine only have two states - half-empty and totally full. This is to make levelling faster at the beginning.
Each image is named in the following manner. Let's use level 12 as an example:
- 12-0.png (empty)
- 12-1.png (quarter full)
- 12-2.png (half full)
- 12-3.png (three quarters full)
- 12.png (full)
Each rank image is 101x25 in dimensions. All images have been compressed (removal of meta data) for web usage.
I have also included a master sprite for use as a CSS sprite where performance concerns exist.
The font used for numbers is Friz Quadrata TT (bold), I do not own this font.
Instructions for installation in phpBB are included in the readme.md file.
Any questions, suggestions or other comments please feel free to leave a post!
They're under a Creative Commons license so yeah go ahead (please read the link first).Hrothgar wrote: ↑11 months agoHey, these are great, would you mind sharing a license for them? I'd like to use them on my own personal website.
Do you plan to share the stone banner at the top too?
The stone banner is from Fanny Vergne.
You might be interested in checking out my credits page too for resources and the like :)
Hey Dyagan,Dyagan wrote: ↑9 months agoWas wondering, where do you put the images and the css file? Also, the sprite file, is that needed to be somewhere as well?
Full instructions should be in the readme file.
You can put them anywhere you want really - so long as you specify a path to each image in the ‘Ranks’ section of the admin control panel.
The sprite isn’t required for a standard install, it’s a custom feature in case you are already familiar with CSS sprites.
Let me know if you have any other questions :)
Kind of varies from level to level to emulate XP curve in wow so difficult to share that with you without making a post with a line for each of the 300 levels progress images.
You can see the post totals for each breakpoint here: viewtopic.php?f=9&t=869&p=1871#levels