WatchNon-threaded

Forums » Advanced Editor Forum » Read Message

Talk about it. Ask for help on it. Compliment it.

Border around the inventory

4 years ago

The border around the inventory has an awkward white area around it that you do not notice until you change the background color and it's annoying as hell. If you've beta-ed "The Other World," you've either seen what I'm talking about, or you've noticed I've gone to the trouble of picking "neutral" backgrounds with white / near white areas to blend with the border's... border?

Anyway, it's a pain. If anyone figures out how to remove it, I will be exceedingly grateful.

Border around the inventory

4 years ago

The inventory uses a series of GIFs to form the border. Only problem is they aren't transparent. So here's something you could try. Add this code to the style:

td[style*=i_m] {background-image:url('data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQTGCGuZr3GmSx0uvwzHzPAgA7') !important;}

And then add this <script>:

window.onload = function() { function imgReplace(src,data) { var x = document.querySelectorAll('img[src*=\''+src+'\']'); for (i=0;i<x.length;i++) {x[i].setAttribute('src',data)};}; imgReplace('i_bbar','data:image/gif;base64,R0lGODlhAQAFAIABAAAAAP///yH5BAEAAAEALAAAAAABAAUAAAIDTGAFADs='); imgReplace('i_bl','data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAUAAAIHTGCGCZ2fCgA7'); imgReplace('i_br','data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAUAAAIHTGCGB5ufCgA7'); imgReplace('i_m.','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQTGCGuZr3GmSx0uvwzHzPAgA7'); imgReplace('i_ml','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQjI8GuNfKolPgBYslnDylAgA7'); imgReplace('i_mr','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQjI8GuNfKomOgvXCzhKmnAgA7'); imgReplace('i_tbar','data:image/gif;base64,R0lGODlhAQATAIABAAAAAP///yH5BAEAAAEALAAAAAABABMAAAIEjH+AWwA7'); imgReplace('i_tl','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIPjI+py20AHwKzHnqtzKEAADs='); imgReplace('i_tr','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIOjI+pyw2PQJxHVmpspgUAOw=='); };

This may not be the simplest solution, but it seems to work for me.

Border around the inventory

4 years ago

Wait, sorry, where do I put all of this?

Border around the inventory

4 years ago

The first goes in the style. The second goes in between script (<script></script>) tags.

Border around the inventory

3 years ago

I know it's been a while, but I'm here to change my response a little, because despite my intentions I ended up being pretty unclear. Just paste the following code into the global script:

$PAGETEXT := "<style>td[style*=i_m] {background-image:url('data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQTGCGuZr3GmSx0uvwzHzPAgA7') !important;}</style><script type='text/javascript' src='../../Resources/jQuery/jquery-1.7.1.min.js'></script><script>$( document ).ready(function() { function imgReplace(src,data) { var x = document.querySelectorAll('img[src*=\''+src+'\']'); for (i=0;i<x.length;i++) {x[i].setAttribute('src',data)};}; imgReplace('i_bbar','data:image/gif;base64,R0lGODlhAQAFAIABAAAAAP///yH5BAEAAAEALAAAAAABAAUAAAIDTGAFADs='); imgReplace('i_bl','data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAUAAAIHTGCGCZ2fCgA7'); imgReplace('i_br','data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAUAAAIHTGCGB5ufCgA7'); imgReplace('i_m.','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQTGCGuZr3GmSx0uvwzHzPAgA7'); imgReplace('i_ml','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQjI8GuNfKolPgBYslnDylAgA7'); imgReplace('i_mr','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIQjI8GuNfKomOgvXCzhKmnAgA7'); imgReplace('i_tbar','data:image/gif;base64,R0lGODlhAQATAIABAAAAAP///yH5BAEAAAEALAAAAAABABMAAAIEjH+AWwA7'); imgReplace('i_tl','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIPjI+py20AHwKzHnqtzKEAADs='); imgReplace('i_tr','data:image/gif;base64,R0lGODlhBQATAIABAAAAAP///yH5BAEAAAEALAAAAAAFABMAAAIOjI+pyw2PQJxHVmpspgUAOw==');});</script>" + $PAGETEXT