Replies

Nov 29, 2022 3 years ago
spacemage
is fashionable
User Avatar

Disclaimer: This just adds an indicator on shop search page it does not change the link to go to the correct year tab. Also it doesn't have a new year automatically so it won't have indicators for futurte events unless code is updated though I will update the code to include them as they are added, been using group ping when I update the code.

so as an example "This item can be found in these locations: Steamworks Menagerie" - this is what it shows normally and "This item can be found in these locations: Steamworks Menagerie (2022)" - this is what is shows with the CustomCSS

Code is inside the spoilers separate by shop with exception of lounge & menagrie since they both are done with the same selectors.

New Years shop /* Year Display on shop search: New years / [data-itemid] ~ .alert [href="newyears"]:after { content: " (Pre2010)"; } [data-itemid^="137"] ~ .alert [href*="newyears"]:after { content: " (2010)"; } [data-itemid^="144"] ~ .alert [href*="newyears"]:after { content: " (2011)"; } [data-itemid^="149"] ~ .alert [href*="newyears"]:after, [data-itemid^="150"] ~ .alert [href*="newyears"]:after { content: " (2012)"; } [data-itemid^="158"] ~ .alert [href*="newyears"]:after, [data-itemid^="159"] ~ .alert [href*="newyears"]:after { content: " (2013)"; } [data-itemid^="168"] ~ .alert [href*="newyears"]:after { content: " (2014)"; } [data-itemid^="177"] ~ .alert [href*="newyears"]:after { content: " (2015)"; } [data-itemid^="186"] ~ .alert [href*="newyears"]:after { content: " (2016)"; } [data-itemid^="193"] ~ .alert [href*="newyears"]:after, [data-itemid^="194"] ~ .alert [href*="newyears"]:after { content: " (2017)"; } [data-itemid^="203"] ~ .alert [href*="newyears"]:after { content: " (2018)"; } [data-itemid^="2116"] ~ .alert [href*="newyears"]:after { content: " (2019)"; } [data-itemid^="2198"] ~ .alert [href*="newyears"]:after { content: " (2020)"; } [data-itemid^="2266"] ~ .alert [href*="newyears"]:after { content: " (2021)"; } [data-itemid^="2401"] ~ .alert [href*="newyears"]:after { content: " (2022)"; } [data-itemid^="250"] ~ .alert [href*="newyears"]:after, [data-itemid="239705"] ~ .alert [href*="newyears"]:after { content: " (2023)"; } [data-itemid^="258"] ~ .alert [href*="newyears"]:after { content: " (2024)"; } [data-itemid^="265"] ~ .alert [href*="newyears"]:after { content: " (2025)"; } [data-itemid^="2714"] ~ .alert [href*="newyears"]:after { content: " (2026)"; } /* Ending of shop display: New Years */

Zombie Den /* Year Display on shop search: Zombie Den / [data-itemid] ~ .alert [href="den.php"]:after { content: " (2009)"; } [data-itemid^="132336"] ~ .alert [href*="den.php"]:after, [data-itemid^="132338"] ~ .alert [href*="den.php"]:after, [data-itemid^="132340"] ~ .alert [href*="den.php"]:after, [data-itemid^="132341"] ~ .alert [href*="den.php"]:after, [data-itemid^="132371"] ~ .alert [href*="den.php"]:after, [data-itemid^="132372"] ~ .alert [href*="den.php"]:after, [data-itemid^="132379"] ~ .alert [href*="den.php"]:after, [data-itemid^="132390"] ~ .alert [href*="den.php"]:after, [data-itemid^="136728"] ~ .alert [href*="den.php"]:after, [data-itemid^="1381"] ~ .alert [href*="den.php"]:after, [data-itemid^="1382"] ~ .alert [href*="den.php"]:after, [data-itemid^="1383"] ~ .alert [href*="den.php"]:after, [data-itemid^="1384"] ~ .alert [href*="den.php"]:after { content: " (2010)"; } [data-itemid^="144"] ~ .alert [href*="den.php"]:after { content: " (2011)"; } [data-itemid^="150"] ~ .alert [href*="den.php"]:after, [data-itemid^="151"] ~ .alert [href*="den.php"]:after { content: " (2012)"; } [data-itemid^="159"] ~ .alert [href*="den.php"]:after, [data-itemid^="160"] ~ .alert [href*="den.php"]:after { content: " (2013)"; } [data-itemid^="169"] ~ .alert [href*="den.php"]:after { content: " (2014)"; } [data-itemid^="178"] ~ .alert [href*="den.php"]:after { content: " (2015)"; } [data-itemid^="187"] ~ .alert [href*="den.php"]:after { content: " (2016)"; } [data-itemid^="194"] ~ .alert [href*="den.php"]:after { content: " (2017)"; } [data-itemid^="204"] ~ .alert [href*="den.php"]:after { content: " (2018)"; } [data-itemid^="212"] ~ .alert [href*="den.php"]:after { content: " (2019)"; } [data-itemid^="220"] ~ .alert [href*="den.php"]:after { content: " (2020)"; } [data-itemid^="228"] ~ .alert [href*="den.php"]:after, [data-itemid^="229"] ~ .alert [href*="den.php"]:after { content: " (2021)"; } [data-itemid^="241"] ~ .alert [href*="den.php"]:after { content: " (2022)"; } [data-itemid^="251"] ~ .alert [href*="den.php"]:after { content: " (2023)"; } [data-itemid^="259"] ~ .alert [href*="den.php"]:after { content: " (2024)"; } [data-itemid^="266"] ~ .alert [href*="den.php"]:after { content: " (2025)"; } /* Ending of shop display: Zombie Den */

Louis L'Amour /* Year Display on shop search: Louis L'Amour / [data-itemid="132408"] ~ .alert [href="louis"]:after, [data-itemid="2962"] ~ .alert [href*="louis"]:after, [data-itemid="6478"] ~ .alert [href*="louis"]:after { content: " (2009)"; } [data-itemid^="152025"] ~ .alert [href*="louis"]:after { content: " (2012)"; } [data-itemid^="160"] ~ .alert [href*="louis"]:after { content: " (2013)"; } [data-itemid^="169"] ~ .alert [href*="louis"]:after { content: " (2014)"; } [data-itemid^="178"] ~ .alert [href*="louis"]:after { content: " (2015)"; } [data-itemid^="187"] ~ .alert [href*="louis"]:after { content: " (2016)"; } [data-itemid^="194"] ~ .alert [href*="louis"]:after { content: " (2017)"; } [data-itemid^="204"] ~ .alert [href*="louis"]:after { content: " (2018)"; } [data-itemid^="212"] ~ .alert [href*="louis"]:after { content: " (2019)"; } [data-itemid^="220"] ~ .alert [href*="louis"]:after { content: " (2020)"; } [data-itemid^="228"] ~ .alert [href*="louis"]:after { content: " (2021)"; } [data-itemid^="241"] ~ .alert [href*="louis"]:after { content: " (2022)"; } [data-itemid^="251"] ~ .alert [href*="louis"]:after { content: " (2023)"; } [data-itemid^="259"] ~ .alert [href*="louis"]:after { content: " (2024)"; } [data-itemid^="266"] ~ .alert [href*="louis"]:after { content: " (2025)"; } /* Ending of shop display: Louis L'Amour */

Esther's Shop (Vesnali) /* Year Display on shop search: Esther's shop / [data-itemid] ~ .alert [href="esther"]:after { content: " (2009)"; } [data-itemid^="13587"] ~ .alert [href*="esther"]:after, [data-itemid^="133321"] ~ .alert [href*="esther"]:after, [data-itemid^="139"] ~ .alert [href*="esther"]:after { content: " (2010)"; } [data-itemid^="145"] ~ .alert [href*="esther"]:after, [data-itemid^="146"] ~ .alert [href*="esther"]:after { content: " (2011)"; } [data-itemid^="153"] ~ .alert [href*="esther"]:after { content: " (2012)"; } [data-itemid^="161"] ~ .alert [href*="esther"]:after, [data-itemid^="162"] ~ .alert [href*="esther"]:after { content: " (2013)"; } [data-itemid^="171"] ~ .alert [href*="esther"]:after { content: " (2014)"; } [data-itemid^="179"] ~ .alert [href*="esther"]:after, [data-itemid^="180"] ~ .alert [href*="esther"]:after { content: " (2015)"; } [data-itemid^="188"] ~ .alert [href*="esther"]:after, [data-itemid^="189"] ~ .alert [href*="esther"]:after { content: " (2016)"; } [data-itemid^="197"] ~ .alert [href*="esther"]:after { content: " (2017)"; } [data-itemid^="206"] ~ .alert [href*="esther"]:after { content: " (2018)"; } [data-itemid^="214"] ~ .alert [href*="esther"]:after, [data-itemid^="215"] ~ .alert [href*="esther"]:after, [data-itemid^="146167"] ~ .alert [href*="esther"]:after { content: " (2019)"; } [data-itemid^="222"] ~ .alert [href*="esther"]:after { content: " (2020)"; } [data-itemid^="231"] ~ .alert [href*="esther"]:after { content: " (2021)"; } [data-itemid^="243"] ~ .alert [href*="esther"]:after { content: " (2022)"; } [data-itemid^="252"] ~ .alert [href*="esther"]:after { content: " (2023)"; } [data-itemid^="260"] ~ .alert [href*="esther"]:after { content: " (2024)"; } [data-itemid^="267"] ~ .alert [href*="esther"]:after { content: " (2025)"; } /* Ending of shop display: Esther's shop */

Libertine Lounge & Steamworks Menagerie /* Year Display on shop search: Masquerade shops / [data-itemid^="132"] ~ .alert [href="masquerade"]:after { content: " (2009)"; } [data-itemid^="13264"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132660"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132632"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132638"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132639"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132650"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132651"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132652"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132798"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132799"] ~ .alert [href*="masquerade"]:after, [data-itemid^="138"] ~ .alert [href*="masquerade"]:after, [data-itemid^="139"] ~ .alert [href*="masquerade"]:after { content: " (2010)"; } [data-itemid^="145"] ~ .alert [href*="masquerade"]:after { content: " (2011)"; } [data-itemid^="152"] ~ .alert [href*="masquerade"]:after { content: " (2012)"; } [data-itemid^="160"] ~ .alert [href*="masquerade"]:after, [data-itemid^="161"] ~ .alert [href*="masquerade"]:after { content: " (2013)"; } [data-itemid^="170"] ~ .alert [href*="masquerade"]:after, [data-itemid^="171"] ~ .alert [href*="masquerade"]:after { content: " (2014)"; } [data-itemid^="179"] ~ .alert [href*="masquerade"]:after { content: " (2015)"; } [data-itemid^="188"] ~ .alert [href*="masquerade"]:after { content: " (2016)"; } [data-itemid^="195"] ~ .alert [href*="masquerade"]:after, [data-itemid^="196"] ~ .alert [href*="masquerade"]:after { content: " (2017)"; } [data-itemid^="205"] ~ .alert [href*="masquerade"]:after { content: " (2018)"; } [data-itemid^="213"] ~ .alert [href*="masquerade"]:after { content: " (2019)"; } [data-itemid^="221"] ~ .alert [href*="masquerade"]:after, [data-itemid^="222"] ~ .alert [href*="masquerade"]:after { content: " (2020)"; } [data-itemid^="230"] ~ .alert [href*="masquerade"]:after { content: " (2021)"; } [data-itemid^="245"] ~ .alert [href*="masquerade"]:after { content: " (2022)"; } [data-itemid^="253"] ~ .alert [href*="masquerade"]:after { content: " (2023)"; } [data-itemid^="260"] ~ .alert [href*="masquerade"]:after, [data-itemid^="261"] ~ .alert [href*="masquerade"]:after { content: " (2024)"; } [data-itemid^="268"] ~ .alert [href*="masquerade"]:after { content: " (2025)"; } /* Ending of shop display: Masquerade shops */

Did an item show an incorrect year let me know.

Edits

Changed the order the shop spoilers appear to be chorological order that they happen in a year added new year 2023 selector [data-itemid^="250"] ~ .alert [href*="newyears"]:after { content: " (2023)"; } added start and end labels for each block

added to the code for survival shops [data-itemid^="251"] ~ .alert [href*="den.php"]:after { content: " (2023)"; }

[data-itemid^="251"] ~ .alert [href*="louis"]:after { content: " (2023)"; }

added to the code for Vesnali shop [data-itemid^="252"] ~ .alert [href*="esther"]:after { content: " (2023)"; }

Corrected selector of Esther's 2010 section /From this/ [data-itemid^="133321"] ~ .alert [href*="esther."]:after, /To this/ [data-itemid^="133321"] ~ .alert [href*="esther"]:after,

Added selector for Esther's shop 2019 ,[data-itemid^="146167"] ~ .alert [href*="esther"]:after

added to the code for Masquerade shop [data-itemid^="253"] ~ .alert [href*="masquerade"]:after { content: " (2023)"; }

added code for year 2024 in new years shop [data-itemid^="258"] ~ .alert [href*="newyears"]:after { content: " (2024)"; }

Added code for 2024 in Survival Shops [data-itemid^="259"] ~ .alert [href*="den.php"]:after { content: " (2024)"; }

[data-itemid^="259"] ~ .alert [href*="louis"]:after { content: " (2024)"; }

Edited 2009 selector of L'amour Parlor to show the two old items added in, though replace the whole selector with the new one /From this/ [data-itemid^="132408"] ~ .alert [href*="esther"]:after /To this/ [data-itemid="132408"] ~ .alert [href*="louis"]:after, [data-itemid="2962"] ~ .alert [href*="louis"]:after, [data-itemid="6478"] ~ .alert [href*="louis"]:after

Corrected selector for 2010 masquerade shops, (edited first selector and added a new selector) /From this/ [data-itemid^="13264"]:not([data-itemid="132643"]) ~ .alert [href*="/masquerade"]:after, /To this/ [data-itemid^="13264"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132660"] ~ .alert [href*="masquerade"]:after,

added code for year 2024 in Esther's shop [data-itemid^="260"] ~ .alert [href*="esther"]:after { content: " (2024)"; }

added code for year 2024 in Masquerade Shops [data-itemid^="260"] ~ .alert [href*="masquerade"]:after, [data-itemid^="261"] ~ .alert [href*="masquerade"]:after { content: " (2024)"; }

added code for year 2025 in New Years Shop [data-itemid^="265"] ~ .alert [href*="newyears"]:after { content: " (2025)"; }

added code for year 2025 in survival shops [data-itemid^="266"] ~ .alert [href*="den.php"]:after { content: " (2025)"; }

[data-itemid^="266"] ~ .alert [href*="louis"]:after { content: " (2025)"; }

added code for year 2025 in Esther's shop [data-itemid^="267"] ~ .alert [href*="esther"]:after { content: " (2025)"; }

added new selector to 2023 section of the new years shop code an item showed pre2010 instead of 2023 /From this/ [data-itemid^="250"] ~ .alert [href*="newyears"]:after /To this/ [data-itemid^="250"] ~ .alert [href*="newyears"]:after, [data-itemid="239705"] ~ .alert [href*="newyears"]:after

added to the code for Masquerade shops 2025 [data-itemid^="268"] ~ .alert [href*="masquerade"]:after { content: " (2025)"; }

added to the code for New Years Shop 2026 [data-itemid^="2714"] ~ .alert [href*="newyears"]:after { content: " (2026)"; }

added to the code for Survival Shops 2026 [data-itemid^="271"] ~ .alert [href*="den.php"]:after { content: " (2026)"; }

[data-itemid^="27"] ~ .alert [href*="louis"]:after { content: " (2026)"; }

updated the code for survival shops

I made a forum group for CustomCSS and more

Nov 30, 2022 3 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

OMG Thank you so much!!!! This will make doing those pesky Quentin quests so much easier.

So far I've only added libertine and steamworks, but will probably add in the others once I start my luminaire shopping.

Nov 30, 2022 3 years ago
Ryuu
is all-powerful
User Avatar
DarkRyuu

Absolutely marvelous and ever so helpful. Thank you for taking the time to do this! ❤️❤️❤️

[sub]:dmg:dark:[/sub]

Nov 30, 2022 3 years ago
Sheap
only has room for one
User Avatar
Shisoka

Can you please tell me how can I use this? I'm not familiar with codung stuff, thanks in advance for pulling this up, I want to try it.

Progress bar for It's in the cards achievement: {██████████|██████████|██████████|██░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░} (This is going to take a while) [Tree=sheap]
Sheap was here

Nov 30, 2022 3 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Personal->dashboard Choose CustomCSS tab Choose a shop to add, copy the entire content in the blue box and paste it into the customCSS box. Continue adding shops until you've gotten all the ones you want, then click the Update CustomCSS button.

Now in front of each snippet of code I add this line: /adding year to tab shops - steamworks and Libertine/

This coding does not do anything, its just a title to let me know what the code snippet does. If years down the line, Subeta actually fixes up the search page, you'll want to go to your customCSS and remove this coding, so it will be good to know what code to remove. Believe me, once you start adding CustomCSS, you'll keep doing it because there is a lot of very helpful code out there!

Nov 30, 2022 3 years ago
Sheap
only has room for one
User Avatar
Shisoka

Oh, thank you, it was so easy, I though I was more complicated (granted, the code has been served)

I tried it out and yes, it show "libertine lounge year xxxx" when searching in the shop bar, very useful

Progress bar for It's in the cards achievement: {██████████|██████████|██████████|██░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░|░░░░░░░░░░} (This is going to take a while) [Tree=sheap]
Sheap was here

Nov 30, 2022 3 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Yep! Subeta makes it very easy for us :D.

That said, I've tried to write my own code from time to time and that's much harder, I've only successfully done very, very simple things. I have mad respect for people who can do more complicated things like this shop search fix.

Dec 1, 2022 3 years ago
silas
got laid
User Avatar
prophet

oh this absolutely RULES, thank you SO MUCH for coding this!!!

banner by

Dec 16, 2022 3 years ago
Ezzie
is a bad omen
User Avatar
Bloom

this is SO helpful! thank you so much for sharing!!!

[flower=ezzie]

Dec 25, 2022 3 years ago
Archer
is a worthy opponent
User Avatar

Aw man this is the best code ever. This is gonna make mass-buying and Quentin questing so much easier! Thank you!

Looking to buy this!

Dec 25, 2022 3 years ago
Estinien
is the sole survivor
User Avatar

thank you for this!!! this is gonna be so helpful omg

Dec 26, 2022 3 years ago
Luck
is unlucky
User Avatar
Bella

I just added this to my customcss, this is going to be awesome. I joined the css group in your sig, I hope there will be update pings for the 2023 events. :) thanks for this!

he/him / 31 / EST



My best friend is



Dec 27, 2022 3 years ago
Organ Donor
Inkblot
User Avatar
Scyrizia

This is, without a doubt, my favourite piece of customCSS coding EVER. 😭 Thank you SO SO MUCH, the quality of life aspect is insane - I am utterly obsessed! THANK YOU!

Dec 27, 2022 3 years ago
DreamsInPink
is made of stardust
User Avatar
Grymalkin

Thank you so much for this!! What a nice short cut... no more having to look stuff up on SubetaLodge to see what year it's from. Yay!!

Pinging a few friends who might appreciate this as well.

Dec 28, 2022 3 years ago
Skolletta
Sir Quest-a-Lot
User Avatar

Thank you so much for this! ^_^

:・゚✧:・゚:・゚✧
🔭🐢

Dec 29, 2022 3 years ago
Lucian
has fire in their soul
User Avatar

This is seriously the BEST THING EVER!! ;-; Thank you so much for coding it! (I'm usually too lazy to check Subetalodge while doing Quentin so I just buy the stuff with sP. Now it's gonna be much easier!)

- Check this out!

Dec 29, 2022 3 years ago
Zay
made a huge mistake
User Avatar
Riza

This is going to be an absolute life changer! Thank you so much!!


Proud Gamer | My best friend is

Dec 31, 2022 3 years ago
prismatic_enchant
is sweet
User Avatar

omg thank you!!!

forum art by rat_boy [tot=prismatic_enchant]

Jan 1, 2023 3 years ago
Rogue
needs to get lost
User Avatar

Thanks for the update!

✦✦ ✦✦

CW ShopsP ShopMore CWs

Jan 2, 2023 3 years ago
The Royal
demon
User Avatar
666

wonderful quality of life update, and i wont need to tab out anymore aaaa thank you so much!!

666

ᴛᴡᴏ ᴋɪɴɢs ᴡᴀʟᴋɪɴɢ ʜᴀɴᴅ ɪɴ ʜᴀɴᴅ 👑 👑

Please log in to reply to this topic.