Stylish Codes for TW
Tutorial TutorialStylish Codes for TW 0
Note for Admin/Mods: If this needs to be moved, feel free. If this is not something you want posted, feel free to delete it. This is basically just a bunch of image blocking utilities and a few personal tidiness things. Nothing here makes the site behave in non-intended ways/allows cheating/etc. etc. etc., and I will never make, use, or provide such things.
All disclaimers aside, I make it a point to figure out how to block images on every pet site I go to because there's a few categories of things I can't look at. I have yet to actually run into problems here yet at TW, but I figured I'd get stuff set up just in case, and in case someone else needs it.
These require Stylish or something similar to run. I use Chrome, I wouldn't know about alternatives, if anyone knows anything good let me know!
They also generally require the specific image urls if urls are needed, so you will have to look at things once or get people to grab it for you, sorry!
For applies to, use:
TO BLOCK AN ITEM:
Two urls, one with "thumbnail_popup_" added after final slash and one without.
TO BLOCK A KITH:
Two urls, one with "kith_" added after final slash and one without.
Has to be added for each stage.
TO BLOCK AN AVATAR:
Avatar coding seems to be ornate and confusing. Just grab this code and put the url in as many times as it takes. I didn't see a logic to it, sorry!
TO BLOCK AN NPC FORUM AVATAR:
They seem to only have one each.
TO BLOCK NPC SPEECH BUBBLES IN SHOPS:
TO BLOCK NPC PORTRAIT BUBBLES IN THE QUEST LOG:
TO BLOCK NPC PORTRAIT BUBBLES FROM THE STORE QUEST POPUPS:
TO BLOCK NPC PORTRAIT BUBBLES FROM QUEST POPUPS:
TO REMOVE THE KITH FROM COOKING:
You could also use the bubble one alone if desired.
CLEAN LYCUS' LAB (BY HIMOCHI)
TO DO:
-Finish NPC blocking> the main code works, but I don't know how the favor portraits are set up to be able to provide info on how to block an entire set.
-Figure out how to block avatar shadows without breaking everything, if it's even possible.
Please let me know if any code breaks anything or if you want to see anything in particular.
All disclaimers aside, I make it a point to figure out how to block images on every pet site I go to because there's a few categories of things I can't look at. I have yet to actually run into problems here yet at TW, but I figured I'd get stuff set up just in case, and in case someone else needs it.
These require Stylish or something similar to run. I use Chrome, I wouldn't know about alternatives, if anyone knows anything good let me know!
They also generally require the specific image urls if urls are needed, so you will have to look at things once or get people to grab it for you, sorry!
Posted by: 'Himochi'
Stylish is an add-on extension for browsers that you can use to make websites look different! For example, here's the version for Google Chrome.
For applies to, use:
URLS START WITH: https://beta.tatteredweave.com/
TO BLOCK AN ITEM:
Two urls, one with "thumbnail_popup_" added after final slash and one without.
img[src="X.png"], img[src="thumbnail_popup_X.png"] {visibility: hidden;}TO BLOCK A KITH:
Two urls, one with "kith_" added after final slash and one without.
Has to be added for each stage.
img[src="kith_X.png"], img[src="X.png"]{visibility: hidden;}TO BLOCK AN AVATAR:
Avatar coding seems to be ornate and confusing. Just grab this code and put the url in as many times as it takes. I didn't see a logic to it, sorry!
img[src="X.png"]{visibility: hidden;}TO BLOCK AN NPC FORUM AVATAR:
They seem to only have one each.
img[src="X.png"]{visibility: hidden;}TO BLOCK NPC SPEECH BUBBLES IN SHOPS:
.npc-shop__bubble {visibility: hidden;}TO BLOCK NPC PORTRAIT BUBBLES IN THE QUEST LOG:
.quest-list__item {background: #f9f9f9 url('') no-repeat 10px 50% !important;}TO BLOCK NPC PORTRAIT BUBBLES FROM THE STORE QUEST POPUPS:
.in-notif__npc {background: #fffbea url('') no-repeat 10px 50% !important;}TO BLOCK NPC PORTRAIT BUBBLES FROM QUEST POPUPS:
.overlay__image--npc {visibility: hidden;}TO REMOVE THE KITH FROM COOKING:
You could also use the bubble one alone if desired.
.kith__bubble {visibility: hidden;}
.cooking__kith-info {visibility: hidden;}CLEAN LYCUS' LAB (BY HIMOCHI)
TO DO:
-Finish NPC blocking> the main code works, but I don't know how the favor portraits are set up to be able to provide info on how to block an entire set.
-Figure out how to block avatar shadows without breaking everything, if it's even possible.
Please let me know if any code breaks anything or if you want to see anything in particular.
0
Re: Stylish Codes for TW
by Iron » November 04, 2016 04:04 AM
reserved post just in case
wow i broke things
wow i broke things
0
Re: Stylish Codes for TW
by Himochi » November 17, 2016 03:56 PM
Hopefully it's alright with you, but I thought I'd share a code I made here!
This Stylish script just replaces Lycus's lab with a cleaner, more professional looking lab! For those who feel bad looking at Lycus's working conditions.
![]()
Note: It doesn't change Lycus's picture - you'll still have him at whatever friendship level and he'll still be stained. That's a script I made for myself with a photoshopped Lycus!
I can share that if people want it too. :P
This Stylish script just replaces Lycus's lab with a cleaner, more professional looking lab! For those who feel bad looking at Lycus's working conditions.

Note: It doesn't change Lycus's picture - you'll still have him at whatever friendship level and he'll still be stained. That's a script I made for myself with a photoshopped Lycus!
I can share that if people want it too. :P
0
Re: Stylish Codes for TW
by Iron » November 17, 2016 09:30 PM
Oh yeah, go ahead and post your own codes here - I'm not currently working on stuff super actively rn but I'll happily link to things!
0
Re: Stylish Codes for TW
by Himochi » November 18, 2016 11:17 AM
Glad to know it! <3
I have a few more Stylish codes planned for NPCs so I'll post here when I'm done with those. <3 Thanks for adding them to the front post!
I have a few more Stylish codes planned for NPCs so I'll post here when I'm done with those. <3 Thanks for adding them to the front post!
0
Re: Stylish Codes for TW
by Sefria » November 18, 2016 11:23 AM
Um, because I am not familiar with it at all, would one of you be willing to please explain what you mean by stylish scripts? I assume that's a programming language or something, and not the typical adjective which just means snazzy.
0
Stylish is an add-on extension for browsers that you can use to make websites look different! For example, here's the version for Google Chrome.
Re: Stylish Codes for TW
by Himochi » November 18, 2016 11:36 AM
Posted by: "Sefria"
Um, because I am not familiar with it at all, would one of you be willing to please explain what you mean by stylish scripts? I assume that's a programming language or something, and not the typical adjective which just means snazzy.
Stylish is an add-on extension for browsers that you can use to make websites look different! For example, here's the version for Google Chrome.
0
Re: Stylish Codes for TW
by Lizzie » November 18, 2016 12:58 PM
ohhh interesting, thank you for sharing that!
0
Re: Stylish Codes for TW
by Sefria » November 18, 2016 04:59 PM
Things make more sense now. Thank you!
0
Re: Stylish Codes for TW
by Iron » November 20, 2016 12:52 AM
himochi i'm taking your explanation for stylish because that's a good idea |D I sort of forgot not everyone uses it, lol
0
Re: Stylish Codes for TW
by Himochi » November 20, 2016 09:22 AM
Definitely a useful thing to have in the first post! <3 I tend to forget it's not common knowledge too, haha.
Once I get more time, I'm gonna make some more scripts for the following:
- Remove that spill from the kitchen (since I know it annoys people)
- NPC portraits with friendship indicators so people know what level they're on
- Clean labcoat images for all of Lycus's stages, so the friendship levels don't goof it up
Once I get more time, I'm gonna make some more scripts for the following:
- Remove that spill from the kitchen (since I know it annoys people)
- NPC portraits with friendship indicators so people know what level they're on
- Clean labcoat images for all of Lycus's stages, so the friendship levels don't goof it up
