jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2025-12-09 04:24 pm
10billionghosts) wrote2025-12-09 04:24 pm
Entry tags:
code: tier list - does what it says on the tin
S
A
B
C
D
E
F
Did something like this already exist? IDK! I peeked where I knew to look and didn't see anything. So, here you go! Responsive/mobile compatible tier list. It comes in two sizes, purely for aesthetic reasons, and has four different styles of line item: icon (100x100 for big, 50x50 for small), cropped picture, link that can be a picture, and just text.
The code is basically for shitposting purposes, but I guess you could use it as a muse list, CR chart, etc. as well! Pick up the codes at the bottom of the post. Here's the how to section!
HOW TO USE:
❣️ These codes are mobile compatible! Though I tried, I couldn't get the code comment compatible without rewriting it from the ground up after I'd already finished. So, I shelved that for now.
❣️ Make sure you grab both the tier list itself AND a line item code. They are provided in separate text areas at the bottom of this post.
❣️ The line item style labeled ICON/IMG is just a really simple img src code intended for use with like lj icons. If you want to use a larger image the way you ordinarily would for one of my codes, use the CROPPED IMAGE/CODE version.
❣️ The small version's LINK line item is technically coded to accept anchor text, but that boy is 50x50 and it isn't gonna accept shit but like a single letter. So, maybe skip the anchor text on that one.
❣️ You can mix-n-match line items. The text string one is the only one that won't play nice with the others, but only if it's used on the same tier line.
❣️ If you really want you can use the small version line items with the big version of the tier list! If you use the big version line items with the small tier list you're just gonna get a real weird looking big version, though.
❣️ If you use the bigger one, probably put it under an LJ-cut.
❣️ Both versions of the Tier List come pre-coded with S, A, B, C, D, E, and F pre-coded. Each tier is commented out in the code so that you can easily remove existing tiers or add new ones!
❣️ You CAN change the lettering on the tier to a text string. Same with background colors.
❣️ Add as many images/links to each tier as you want. They'll stack the way it would if you were using TierMaker.
❣️ Here's your hex code list:
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!
The code is basically for shitposting purposes, but I guess you could use it as a muse list, CR chart, etc. as well! Pick up the codes at the bottom of the post. Here's the how to section!
HOW TO USE:
❣️ These codes are mobile compatible! Though I tried, I couldn't get the code comment compatible without rewriting it from the ground up after I'd already finished. So, I shelved that for now.
❣️ Make sure you grab both the tier list itself AND a line item code. They are provided in separate text areas at the bottom of this post.
❣️ The line item style labeled ICON/IMG is just a really simple img src code intended for use with like lj icons. If you want to use a larger image the way you ordinarily would for one of my codes, use the CROPPED IMAGE/CODE version.
❣️ The small version's LINK line item is technically coded to accept anchor text, but that boy is 50x50 and it isn't gonna accept shit but like a single letter. So, maybe skip the anchor text on that one.
❣️ You can mix-n-match line items. The text string one is the only one that won't play nice with the others, but only if it's used on the same tier line.
❣️ If you really want you can use the small version line items with the big version of the tier list! If you use the big version line items with the small tier list you're just gonna get a real weird looking big version, though.
❣️ If you use the bigger one, probably put it under an LJ-cut.
❣️ Both versions of the Tier List come pre-coded with S, A, B, C, D, E, and F pre-coded. Each tier is commented out in the code so that you can easily remove existing tiers or add new ones!
❣️ You CAN change the lettering on the tier to a text string. Same with background colors.
❣️ Add as many images/links to each tier as you want. They'll stack the way it would if you were using TierMaker.
❣️ Here's your hex code list:
- #000 is black, declared at the very top of the code, and covers the background/border color and font color of the tier text.
- #fff is white and is used throughout the code for font color. Find replace to change it.
- #191919 is a dark gray, used for the background color of each tier bar.
- #ff7f7f color for S-tier.
- #ffbf7f color for A-tier.
- #ffdf7f color for B-tier.
- #7eff80 color for C-tier.
- #7fbfff color for D-tier.
- #807fff color for E-tier.
- #fd81fd color for F-tier.
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!
S
B
just a list, you know for lines of text, you can write whatever you want here, just mind those lj-raw tags, whee
C
D
E
F
S
B
just a list, you know for lines of text, you can write whatever you want here, just mind those lj-raw tags, whee
C
D
E
F