Log in

Forgot your password? Click here.

Close Menu

Tattered World

Forgot your password? Click here.

Facing the Everstorm by Dread won the Writing Spotlight! So push and pull!! we’ll make it out, this witch won’t have her day. Push and pull! we’ll make it through, We’re now on our way
Dreadspotlightjuly2020
All Topics » Site Guides » Stylish Codes for TW

Stylish Codes for TW

Tutorial Tutorial

Stylish Codes for TW 0 0

« 1
0 0

Stylish Codes for TW

by Iron » November 04, 2016 04:04 AM

Last Edited: November 20, 2016 12:53 AM

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!

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.
Avatar image 130020161105 26898 6q3k3c
Kith wolf red1 200
0 0

Re: Stylish Codes for TW

by Iron » November 04, 2016 04:04 AM

reserved post just in case
wow i broke things
Avatar image 130020161105 26898 6q3k3c
Kith wolf red1 200
0 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
Avatar image 33220230215 2100 1opzccy
Kith zinaglyx done maybe tiny
0 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!
Avatar image 130020161105 26898 6q3k3c
Kith wolf red1 200
0 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!
Avatar image 33220230215 2100 1opzccy
Kith zinaglyx done maybe tiny
0 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.
Avatar image 95820171112 2241 qn5mb
Kith blue
0 0

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.
Avatar image 33220230215 2100 1opzccy
Kith zinaglyx done maybe tiny
0 0

Re: Stylish Codes for TW

by Lizzie » November 18, 2016 12:58 PM

ohhh interesting, thank you for sharing that!
Avatar image 175720170330 20091 6u2u6k
Kith 1yellow
0 0

Re: Stylish Codes for TW

by Sefria » November 18, 2016 04:59 PM

Things make more sense now. Thank you!
Avatar image 95820171112 2241 qn5mb
Kith blue
0 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
Avatar image 130020161105 26898 6q3k3c
Kith wolf red1 200
0 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
Avatar image 33220230215 2100 1opzccy
Kith zinaglyx done maybe tiny
« 1

Recently Discovered Kith

Kith tree orange 1

Scout

Naive Firloom
POWER 1 ENERGY 0
GUARD 0 REASON 0
SPEED 0 HEALTH 0
Visit Kith's Page

Latest News


Create Your Account
© Copyright 2023 Mythmakers LLC. All Rights Reserved. Tattered World is a registered trademark of Mythmakers LLC.