Useful Custom CSS Builder

Replies

Nov 23, 2017 8 years ago

is a worthy opponent

Honestly I have no idea, I really don't like custom scrollbars and never use them :P

~~Useful Custom CSS~~

Nov 23, 2017 8 years ago

is forever on a quest for more pets

Well, thanks for the quick reply anyway. Personally I just want to make those ugly scrollbars as invisible as I can since they mess up things because of how thick they are and because the grey/white doesn't match the rest of the profiles. sigh Guess I'll have to keep looking for an answer then XD

Visit my YouTube channel: ">CamK Gaming

Nov 23, 2017 8 years ago

is a worthy opponent

There's the classic—really hacky—hide scrollbars under an image route. I know there are old threads about it, and you can probably find examples on pet spotlight profiles.

~~Useful Custom CSS~~

Nov 23, 2017 8 years ago

ate their feelings

@ sorcerer I did something wrong I think or maybe my other CustomCSS is causing it?, cause went to use a Tome and it did this

SPOILER (click to toggle)

Tome went nutso

/* CSS before adding anything */[style].floating_item {border:5px solid red; position:absolute !important; left:0px !important; top:10px !important;} ins#aswift_0_anchor, ins#aswift_1_anchor, div center ins, {display:none !important;} .x-login-facebook {display: none !important;} , , {height: auto !important;} {min-height: 98.8% !important;} {overflow-x: visible !important; padding-bottom: 101px !important; min-height: 1045px !important;} {position: static !important; margin-top: 20px !important;} .item_show {height: auto !important; min-height: 175px !important;} .wishlist { border:2px solid ; } .battle-select {width: auto !important; } .battle-select.active, , {width:45% !important; } .battle-section-title {display:none; }

Clickhereformyawesometradeitems ie:
x? x200+
~
My Beloved: 10/24/2015-11/25/2025

Nov 23, 2017 8 years ago

is forever on a quest for more pets

Well, as I have 79 pets that option feels like a mountain of work... Guess I'll go back to Chrome until Mozilla implements scrollbar modifications for their browser. People have been asking for it for the last 16 years apparently so I'm not feeling hopeful about it happening any time soon. Will be a bit annoying with the extra memory usage but it is what it is shrugs

Visit my YouTube channel: ">CamK Gaming

Nov 24, 2017 8 years ago

is a worthy opponent

Here you go, replace all the old code with this.

Let me know if you try to use something and 'use' isn't first on the list. I tested it with and /* reorder item use options / a[href='/inventory.php']+br+br+table.ui.table.border[style='width: 50%; border: 1px solid black'] tbody tr td.ui center { display:flex; flex-flow:column; } / -use item / a[href='/inventory.php']+br+br+table.ui.table.border[style='width: 50%; border: 1px solid black'] tbody tr td.ui center a[href^='?act=igiver&itemid='] { order: -1; } / -use on / a[href='/inventory.php']+br+br+table.ui.table.border[style='width: 50%; border: 1px solid black'] tbody tr td.ui center a[href='&act=stat&petid='] { order: -1; } a[href='/inventory.php']+br+br+table.ui.table.border[style='width: 50%; border: 1px solid black'] tbody tr td.ui center a+br { display:none; } /* floating items / .floating_item { position:fixed !important; left:20px !important; top:7px !important; z-index:999 !important; margin: 0px !important; border:1px solid red !important; } .floating_item img { box-shadow: 0 3px 6px 2px rgba(0,0,0,.2) !important; } , , { height:auto!important; } { min-height:98.8%!important; } { overflow-x:visible!important; padding-bottom:101px!important; min-height:1045px!important; } { position:static!important; margin-top:20px!important; } .item_show { height:auto!important; min-height:175px!important; } .wishlist { border:2px solid ; } .battle-select { width:auto!important; } .battle-select.active, , { width:45%!important; } .battle-section-title { display:none; } / subeta adblock / , ins#aswift_0_anchor, div center ins, , .create_ad, a[href^='/ad_click.php?'] img, .chitikaAdContainer, -inner-dash .ui.segment.basic[style='height: 200px;'], +style+div[style='margin-top: 50px;'], > div:nth-child(1) center > script + a[href='/cashshop.php?act=gold'], div[style^='width:50%;background-color:'] + div > center > script + a[href='/cashshop.php?act=gold'], .floating_item + div > center > script + a[href='/cashshop.php?act=gold'], -inner-dash div[id='adbox'], -inner-dash script+div[style='text-align: center; position: relative;']+script+noscript+center { display:none !important; }

~~Useful Custom CSS~~

Nov 24, 2017 8 years ago

ate their feelings

This is not a complain, just got to know why it is doing this: Why does the image go really big? Like in the last screenie?

I tried a Tome and a Shinwas Flower of Morning and the use on is first!!! :D NO more reading tomes to a pet or feeding my pets with stat boosters! Yay!!! Thank you thank you thank you!!! You are the bestest. :* :* :*

Clickhereformyawesometradeitems ie:
x? x200+
~
My Beloved: 10/24/2015-11/25/2025

Nov 24, 2017 8 years ago

is very punny

is it possible to reorder the columns in the Edit Items page of my shops?

Current:

I'd like: Item ID , Stocked , Name , Price , Category , Remove

useful threads

The Giant List of Usability and Random Improvement 2.0 Comprehensive Guide to Battle Opponents (v2) [topic not found]

wardrobe threads

Layering backdrop bits: floor, wall, sky, props, SFX Giant List of Animal Wearables Lips without Lipstick, Eyes without Eyeshadow v2 Muscles, Facial + Body Hair List List of Naturally Curly Hair Items Altering Wearables -Masterpost- Human Avatar Item Identification II

[topic not found]

Nov 26, 2017 8 years ago

is a worthy opponent

Does it go away when you remove all custom CSS? Because I don't see that at all. Also what browser are you using? Got any browser extensions running?

No not really :(

~~Useful Custom CSS~~

Nov 26, 2017 8 years ago

is very punny

Ah well, thank you for letting me know! :)

useful threads

The Giant List of Usability and Random Improvement 2.0 Comprehensive Guide to Battle Opponents (v2) [topic not found]

wardrobe threads

[topic not found]

Nov 26, 2017 8 years ago

plays with dead things

Is there a code to hide Quest NPC images? I'm mostly hotspotting and the less I have to load the better for my data plan.

Nov 26, 2017 8 years ago

is very punny

: to hide all Questgiver images:

Quote

/* Hide Normal Quest Givers Images */
img[src="//img.subeta.net/quests_wizard.gif"] {display:none;}
img[src="//img.subeta.net/npc_saggitarius.png"] {display:none;}
img[src="//img.subeta.net/npc_drunkcarl.gif"] {display:none;}
img[src="//img.subeta.net/npc_cinthia.png"] {display:none;}
img[src="//img.subeta.net/quest_mori.png"] {display:none;}
img[src="//img.subeta.net/quest_nori.png"] {display:none;}
img[src="//img.subeta.net/npc_alexander_"] {display:none;}
img[src="//img.subeta.net/maleira.gif"] {display:none;}
img[src="//img.subeta.net/maleria.png"] {display:none;}
img[src="//img.subeta.net/npc_pete.png"] {display:none;}
img[src="//img.subeta.net/quentin.gif"] {display:none;}
img[src="//img.subeta.net/quest_sarah.gif"] {display:none;}
img[src="//img.subeta.net/npc_theoracle.png"] {display:none;}
img[src="//img.subeta.net/npc_natasha.png"] {display:none;}
img[src="//img.subeta.net/majordrills.png"] {display:none;}
img[src="//img.subeta.net/npc_shinwa.png"] {display:none;}

To also remove several other NPC images (shopkeepers etc):

Quote

/<em>Hide all shopkeeper and misc other images</em>/
center a[href=""] img[src*="//img.subeta.net/keeper_"] {display:none;}
img[src*="//img.subeta.net/battle/opponents"] {display:none;}
img[src*="//img.subeta.net/npc_gatekeeper.png"] {display:none;}
img[src*="//img.subeta.net/map_tundra"] {display:none;}
img[src*="//img.subeta.net/ikumoradeekanox.png"] {display:none;}
img[src*="//img.subeta.net/npc_"] {display:none;}
img[src*="//img.subeta.net/battle/opponents"] {display:none}
img[src*="//img.subeta.net/drianasmodeus.gif"] {display:none;}
img[src*="//subeta.net/games/tiles/img/745_tilemonger.gif"] {display:none;}
img[src*="//img.subeta.net/bathhouse_"] {display:none}
img[src*="//img.subeta.net/celesse.gif"] {display:none}
img[src*="//img.subeta.net/jim.gif"] {display:none}
img[src*="//img.subeta.net/mystery_box.gif"] {display:none;}
img[src*="//img.subeta.net/npc_charityfireside.png"] {display:none}

useful threads

The Giant List of Usability and Random Improvement 2.0 Comprehensive Guide to Battle Opponents (v2) [topic not found]

wardrobe threads

[topic not found]

Nov 27, 2017 8 years ago

ate their feelings

Sorry for late response, just got net back. =/

Quote

Does it go away when you remove all custom CSS?

Yes. I tried with a tome and flower and both images were normal size.

Quote

Also what browser are you using? Got any browser extensions running?

Firefox Quantum 57.0 (64-bit) [ not real sure these are what you mean ] Extensions tab has: Adblock Plus, AVG SafePrice, and NoScript ( noscript I may get rid of b/c I dont like the new version ). [edit]I disabled on 3 of those, put back the customCSS and the images are still like really big. I was testing to see if that was it. I really dont know much about this stuff, so. =/ Question? Was I suppose only to just copy/paste the code you gave me? I ask because before the customCSS I had before, there was style with brackets on either side of style, at the beginning. Was I suppose to leave that?

Clickhereformyawesometradeitems ie:
x? x200+
~
My Beloved: 10/24/2015-11/25/2025

Nov 27, 2017 8 years ago

is made of stardust

Hey hun, if you want to make the scroll bar basically invisible w/out doing all that covering with a pic and moving and all that crap, put this in there, it works for me: ::-webkit-scrollbar{width:4px;} ::-webkit-scrollbar-button{height:0px;background:;} ::-webkit-scrollbar-thumb{background: none;}

The words will look weird if you put in a copy/paste script of the same thing like 'blah blah blah' so if you put in a temp filler text like the Lepsom thingy, it'll look more natural. You can see it in work on my profiles Parlay & Angius

Hope that helps hun. ^.^ (if you already got your answer somewhere, then disregard this lol)

~~WL :: Tumblr :: Art site :: art by me.~~

Nov 28, 2017 8 years ago

is forever on a quest for more pets

old post

@ odduckOasis I appreciate you wanting to help, sweetie ❤️ Problem is that the webkit version isn't supported by Firefox. Apparently Firefox doesn't allow people to change the scrollbars despite people asking for it for over 16 years... I've gone back to Chrome now though and am already hiding the scrollbars with that code ^_^

I'm back with another question. Is it possible to rotate elements on pet profiles? I would love to rotate the minion and it's text so that it's angled to fit a certain part of the profile. Also, speaking of the minion, is there a way to remove the "pet name has a minion"-bit? I'd prefer to only see the name and minion species.

^_^ ❤

Visit my YouTube channel: ">CamK Gaming

Dec 11, 2017 8 years ago

is a worthy opponent

Sure I can work on both, what pet are you working on? :)

~~Useful Custom CSS~~

Dec 12, 2017 8 years ago

is forever on a quest for more pets

It's for my little Ruben. I would like the minion to be where the tea bag is and at an angle so that it fits in there if possible. And if possible remove the "Ruben Cornelis has a minion" text.

Code I'm using right now


<style type="text/css">
/*RESET & REMOVE*/

, , , , , ,  { display:none; }
, body,  { background-color:transparent;height: auto !important;border:0px; }

,  br+a, , , .pet_name, ,  { 
display:none;} 

 h2,  h2,  h2 {
display: none;}

.stat, .statbar, .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date, .hustler {
display: none;}


/*BASIC*/

html {
background-color: ;
background-image: url(https://i.imgur.com/Rwjb6Jf.png);
width:1024px; height:768px; 
background-repeat: no-repeat; 
background-position: top left; 
overflow:hidden;}


body, font, td, a, table, tr { 
color: ;} 

p, div { 
color: ;} 

img { 
border: 0px solid; 
color: ;} 

b { 
font-family: tahoma; 
font-size: 6pt; 
color: ; 
letter-spacing: 1; 
text-transform: uppercase; } 

h1 {
color: ;}

a:link, a:active ,a:visited {
color: ;}

a:hover {
color: ;}

/*TREASURE*/

 {
width: 196px; 
height: 60px; 
overflow: auto;
overflow:hidden;
position:absolute;
top:455px;
left:50px;
opacity:1;}

:hover { 
overflow: auto;} 

.treasure_item { 
opacity:0.6;} 

.treasure_item:hover { 
opacity:1;} 


/*STATS*/

 {
position:absolute;
top: 100px;
left: -70px;
text-align:left;
font-size:x-small;}

 {
opacity: 0.2;}

:hover {
opacity: 1;}

/*TEXT*/

 {
position:absolute;
top:200px;
left:-55px;
overflow:auto;
overflow:hidden;
height:220px;
width:410px;
padding-right: 5px;
font-size:7pt; 
font-family:arial;}

:hover { 
overflow:auto;} 

/*PET*/

 {
position:absolute;
top:-145px;
left:115px;
font-size:x-small;}

.pet_like {
position:absolute; 
top:260px; 
left:0px;} 

.pet_like a, .pet_like a:active, .pet_like a:link, .pet_like a:visited {
color:; 
text-decoration:none;} 

.pet_like a:hover {
text-decoration:none;}

.pet_color_info {
position:absolute; 
top:260px; 
left:5px; 
font-size:5.5pt; 
font-family:arial; 
color:; 
width:150px; 
text-transform:uppercase; 
text-align:left;}

.pet_color_info img {
width:7px; 
height:6px; 
position:relative; 
bottom:1px;  
-webkit-filter: sepia(100%);}

.owner {
position:absolute; 
top:273px; 
left:-2px; 
font-size:5.5pt; 
font-family:arial;  
width:100px; 
text-align:center; 
color:; 
text-transform:uppercase;} 

.owner a, .owner a:active, .owner a:link, .owner a:visited, .owner a:hover {
font-family:arial; 
font-size:5.5pt; 
letter-spacing:0px!important; 
color:; 
text-transform:uppercase;}
 
.owner img {
display:none;}

/*MINION*/

 {
position:absolute;
top:300px;
left:470px;
margin-top:-10px;
padding-top:0px;
font-size:6pt;
text-decoration:none !important;
text-transform:none !important;}

 img {
max-height:50%;
max-width:50%;}

 {
max-height:60%;
max-width:60%;
font-size:5pt;}


/*CONTENT*/

 {
border:0px;}

/*SCROLLBARS*/

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
}

::-webkit-scrollbar
{
	width: 0px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb
{
	background-color: transparent;
	border: 0px;
}

</style>

Thank you ❤

Visit my YouTube channel: ">CamK Gaming

Dec 12, 2017 8 years ago

is a worthy opponent

Try using this code instead

SPOILER (click to toggle)

<style type='text/css'>
/RESET & REMOVE/
, , , , , ,  { display:none; }
, body,  { background-color:transparent;height: auto !important;border:0px; }
,  br+a, , , .pet_name, ,  {
display:none;}
 h2,  h2,  h2 {
display: none;}
.stat, .statbar, .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date, .hustler {
display: none;}
/BASIC/
html {
background-color: ;
background-image: url(https://i.imgur.com/Rwjb6Jf.png);
width:1024px; height:768px;
background-repeat: no-repeat;
background-position: top left;
overflow:hidden;}
body, font, td, a, table, tr {
color: ;}
p, div {
color: ;}
img {
border: 0px solid;
color: ;}
b {
font-family: tahoma;
font-size: 6pt;
color: ;
letter-spacing: 1;
text-transform: uppercase; }
h1 {
color: ;}
a:link, a:active ,a:visited {
color: ;}
a:hover {
color: ;}
/TREASURE/
 {
width: 196px;
height: 60px;
overflow: auto;
overflow:hidden;
position:absolute;
top:455px;
left:50px;
opacity:1;}
:hover {
overflow: auto;}
.treasure_item {
opacity:0.6;}
.treasure_item:hover {
opacity:1;}
/STATS/
 {
position:absolute;
top: 100px;
left: -70px;
text-align:left;
font-size:x-small;}
 {
opacity: 0.2;}
:hover {
opacity: 1;}
/TEXT/
 {
position:absolute;
top:200px;
left:-55px;
overflow:auto;
overflow:hidden;
height:220px;
width:410px;
padding-right: 5px;
font-size:7pt;
font-family:arial;}
:hover {
overflow:auto;}
/PET/
 {
position:absolute;
top:-145px;
left:115px;
font-size:x-small;}
.pet_like {
position:absolute;
top:260px;
left:0px;}
.pet_like a, .pet_like a:active, .pet_like a:link, .pet_like a:visited {
color:;
text-decoration:none;}
.pet_like a:hover {
text-decoration:none;}
.pet_color_info {
position:absolute;
top:260px;
left:5px;
font-size:5.5pt;
font-family:arial;
color:;
width:150px;
text-transform:uppercase;
text-align:left;}
.pet_color_info img {
width:7px;
height:6px;
position:relative;
bottom:1px;

-webkit-filter: sepia(100%);}
.owner {
position:absolute;
top:273px;
left:-2px;
font-size:5.5pt;
font-family:arial;

width:100px;
text-align:center;
color:;
text-transform:uppercase;}
.owner a, .owner a:active, .owner a:link, .owner a:visited, .owner a:hover {
font-family:arial;
font-size:5.5pt;
letter-spacing:0px!important;
color:;
text-transform:uppercase;}
.owner img {
display:none;}
/MINION/
 {
position: absolute;
top: 121px;
left: -178px;
margin: 0;
padding: 0px;
font-size: 0 !important;
transform: rotate(28deg);}
 img {
max-height:50%;
max-width:50%;}
 {
max-height:60%;
max-width:60%;
font-size:0;}
 b:first-of-type::after {
content: '�0A0the�0A0';
display: inline-block;
font-size: 5pt;
font-weight: 400;}
/CONTENT/
 {
border:0px;}
/SCROLLBARS/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: transparent;
}
::-webkit-scrollbar
{
width: 0px;
background-color: transparent;
}
::-webkit-scrollbar-thumb
{
background-color: transparent;
border: 0px;
}

</style>

~~Useful Custom CSS~~

Dec 12, 2017 8 years ago

is forever on a quest for more pets

Ah, that worked! Thank you ❤

Visit my YouTube channel: ">CamK Gaming

Dec 12, 2017 8 years ago

is a worthy opponent

Two slight changes. Add a text transform, and replace content with this: �0A0the�0A0 b:first-of-type::after { text-transform: lowercase; content: ''; }

~~Useful Custom CSS~~

Logged Out

Useful Custom CSS Builder

Filter

Replies