Site Skins: How-To, and Helpful CSS

Corviknight

👍 0

Posted 28/May/2018 21:27:05 (5 years ago)

Create a new script by clicking on the extension. Paste it all in. Save with ctrl+s. Then it should work.

he/him + 22 + cst

continue

👍 1

Posted 28/May/2018 21:28:34 (5 years ago)

heres some pics i made and was just abt to post but gladion got to it before me >:/

journal free dexes

0

Kunikuzushi

👍 0

Posted 28/May/2018 21:28:40 (5 years ago)

I posted the link for mobile here : https://pokefarm.com/forum/post/3651955 However it is still unknown whether it will work or not on mobile at all, I havent been that lucky to find even a fossil pokemon on firefox yet haha.

ren | he/him | 25

code|bg + img by hoyoverse

Xorpa

👍 3

Posted 30/May/2018 09:19:14 (5 years ago)

for the ppl who wanna test the fossil/shiny shellter script.... i'm releasing a few fields the next few hours, so the shelter should give some hits to test it =)

All You need Is Cheap Shinies Store Cheap Melans For Sale Clicking my fields yields >20k credits. They are stacked so give it a try? :)

nikao

👍 2

Posted 30/May/2018 09:35:47 (5 years ago)
Edited 30/May/2018 09:37:47 (5 years ago)

QUOTE originally posted by continue

heres some pics i made and was just abt to post but gladion got to it before me >:/

i have to say...i understand this with this pics even bether, thank you for doing this ^_^ maybe we should do for some things pics, to go with the how to put the code, or how to do css an such, for those who understand it bether when there are pics to go with it? but maybe it is just silly me^^

🐾 Please support this suggestion from me^_^ support: show upvoted really as up-voted I do look for high or perfect iv poke,love for free or trade/swap...i do trade or swap for high iv poke or perfect pidove^^ with iv friends an friends i like to gift 5-6iv after hunts^_^ ->can trade s-a iv pidove, for zc-gp or credit .

Lyrina25

👍 0

Posted 01/Jun/2018 04:23:51 (5 years ago)

So...I cleared my cache and everything broke... Here's what I'm using for code. I cleared it because the clickboxes went tiny on me again and now no css works. Now I'm wishing I never cleared my cache...

code

#multiuser .pkmn { display:none; } #multiuser .name { display:none; } #multiuser .expbar { display:none; } #multiuser .taste { display:none; } #multiuser .party { width:300px; } #multiuser .party>div { width:211px; } #multiuser .party>div:nth-child(1) { border-top-right-radius:6px; } #multiuser .party>div:nth-child(2) { border-top-right-radius:0px; border-top-width:0px; } #multiuser .party>div:nth-child(5) { border-bottom-left-radius:0px; } #multiuser .party>div:nth-child(6) { border-bottom-left-radius:6px; } #multiuser .party>div:nth-child(2n+1) { border-right-width:1px; } #multiuser .party>div>.action>.berrybuttons>.tooltip_content { display:none; } @padding: 50px; #field_field[data-mode="public"]>div.field>.fieldmon { padding:@padding!important; margin-top:-@padding!important; margin-left:-@padding!important; left:45%!important; top:45%!important; animation:none!important; } #field_berries { position:relative; z-index:12; } #field_nav button[data-action=next], #field_nav button[data-action=previous], #field_nav button[data-action=jump] { position:relative; z-index:10; } #field_party { position:relative; z-index: 11; } .party>div>.action>.berrybuttons { text-align:center; } .party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] { width:100%; } .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] { display:none; } .party>div>.action>.berrybuttons[data-up='any']>[data-berry] { display:inline-block; } @-webkit-keyframes bounce { 0% {-webkit-transform:translateY(-100%);} 5% {-webkit-transform:translateY(-100%);} 15% {-webkit-transform:translateY(0);padding: 4px auto;} 20% {-webkit-transform:translateY(-80%);} 25% {-webkit-transform:translateY(0%);padding: 4px auto;} 30% {-webkit-transform:translateY(-70%);} 35% {-webkit-transform:translateY(0%);padding: 5px auto;} 40% {-webkit-transform:translateY(-60%);} 45% {-webkit-transform:translateY(0%);padding: 5px auto;} 50% {-webkit-transform:translateY(-50%);} 55% {-webkit-transform:translateY(0%);padding: 6px auto;} 60% {-webkit-transform:translateY(-30%);} 65% {-webkit-transform:translateY(0%);padding: 6px auto;} 70% {-webkit-transform:translateY(-15%);} 75% {-webkit-transform:translateY(0);padding: 8px auto;} 80% {-webkit-transform:translateY(-10%);} 85% {-webkit-transform:translateY(0);padding: 8px auto;} 90% {-webkit-transform:translateY(-5%);} 95% {-webkit-transform:translateY(0);padding: 10px;} 100% {-webkit-transform:translateY(0);padding: 10px;} } #shelterarea > .pokemon > img[src*="7/7/x.png"]{ -webkit-animation: bounce 3s ease-out; -moz-animation: bounce 800ms ease-out; -o-animation: bounce 800ms ease-out; animation: bounce 3s ease-out; }

Stop reporting my template and signature for Arceus' sake..! Sprites in siggy made by me other than the liepard which is officially nintendo's~

kusari

👍 0

Posted 01/Jun/2018 08:52:38 (5 years ago)
Edited 01/Jun/2018 08:53:59 (5 years ago)

hiya me again it's something that confuses me for quite some time now. I used the shelter highlight code for my Crabrawler hunt 2 months ago. then I changed it last month to Houndour. somehow Crabrawler eggs are still highlighted as well. a few minutes ago I changed it again to Snorunt and now I get all three eggs highlighted. I'm confused ^^" edit: that's the code I'm using atm (cache's cleared) #shelterarea > .pokemon > img[src*="7/t/f.png"]{ box-shadow: 0px 0px 50px 25px yellow; background-color: yellow; border-radius:100%; }

Score: 0

Ganorith

👍 0

Posted 01/Jun/2018 16:20:06 (5 years ago)
Edited 01/Jun/2018 16:47:41 (5 years ago)

QUOTE originally posted by Lyrina25

So...I cleared my cache and everything broke... Here's what I'm using for code. I cleared it because the clickboxes went tiny on me again and now no css works. Now I'm wishing I never cleared my cache...

~~Is this the entirety of your CSS section? It's working perfectly fine for me.~~ EDIT: No wait I'm an idiot I see what your problem is. Lemme look at the code real quick EDIT 2: Alright I figured out your problem. The expanded "clickbox" is still there, you just couldn't see that it was larger.

Code

#multiuser .pkmn { display:none; } #multiuser .name { display:none; } #multiuser .expbar { display:none; } #multiuser .taste { display:none; } #multiuser .party { width:300px; } #multiuser .party>div { width:211px; } #multiuser .party>div:nth-child(1) { border-top-right-radius:6px; } #multiuser .party>div:nth-child(2) { border-top-right-radius:0px; border-top-width:0px; } #multiuser .party>div:nth-child(5) { border-bottom-left-radius:0px; } #multiuser .party>div:nth-child(6) { border-bottom-left-radius:6px; } #multiuser .party>div:nth-child(2n+1) { border-right-width:1px; } #multiuser .party>div>.action>.berrybuttons>.tooltip_content { display:none; } @padding: 50px; #field_field[data-mode="public"]>div.field>.fieldmon { margin-top: -@padding !important; margin-left: -@padding !important; left:45%!important; top:45%!important; animation:none!important; } #field_field[data-mode="public"]>div.field>.fieldmon>img{ padding: @padding !important; } #field_berries { position:relative; z-index:12; } #field_nav button[data-action=next], #field_nav button[data-action=previous], #field_nav button[data-action=jump] { position:relative; z-index:10; } #field_party { position:relative; z-index: 11; } .party>div>.action>.berrybuttons { text-align:center; } .party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] { width:100%; } .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] { display:none; } .party>div>.action>.berrybuttons[data-up='any']>[data-berry] { display:inline-block; } @-webkit-keyframes bounce { 0% {-webkit-transform:translateY(-100%);} 5% {-webkit-transform:translateY(-100%);} 15% {-webkit-transform:translateY(0);padding: 4px auto;} 20% {-webkit-transform:translateY(-80%);} 25% {-webkit-transform:translateY(0%);padding: 4px auto;} 30% {-webkit-transform:translateY(-70%);} 35% {-webkit-transform:translateY(0%);padding: 5px auto;} 40% {-webkit-transform:translateY(-60%);} 45% {-webkit-transform:translateY(0%);padding: 5px auto;} 50% {-webkit-transform:translateY(-50%);} 55% {-webkit-transform:translateY(0%);padding: 6px auto;} 60% {-webkit-transform:translateY(-30%);} 65% {-webkit-transform:translateY(0%);padding: 6px auto;} 70% {-webkit-transform:translateY(-15%);} 75% {-webkit-transform:translateY(0);padding: 8px auto;} 80% {-webkit-transform:translateY(-10%);} 85% {-webkit-transform:translateY(0);padding: 8px auto;} 90% {-webkit-transform:translateY(-5%);} 95% {-webkit-transform:translateY(0);padding: 10px;} 100% {-webkit-transform:translateY(0);padding: 10px;} } #shelterarea > .pokemon > img[src*="7/7/x.png"]{ -webkit-animation: bounce 3s ease-out; -moz-animation: bounce 800ms ease-out; -o-animation: bounce 800ms ease-out; animation: bounce 3s ease-out; }

And for those interested in an explanation of what broke:

Explanation

Basically what happened is that, as I mentioned above, you couldn't see the 50px padding that had been added to the element. #field_field[data-mode="public"]>div.field>.fieldmon { margin-top: -@padding !important; margin-left: -@padding !important; padding: @padding !important; left:45%!important; top:45%!important; animation:none!important; } This here is our problem code. The padding here is applying properly (with @padding being 50px, but that's irrelevent to the problem).

In order to fix this, we need to instead add the padding to that which has the background color: the image. #field_field[data-mode="public"]>div.field>.fieldmon { margin-top: -@padding !important; margin-left: -@padding !important; left:45%!important; top:45%!important; animation:none!important; } #field_field[data-mode="public"]>div.field>.fieldmon>img{ padding: @padding !important; } With this, we keep the positioning on the Pokemon and can see the "clickbox."

QUOTE originally posted by kusari

it's something that confuses me for quite some time now. I used the shelter highlight code for my Crabrawler hunt 2 months ago. then I changed it last month to Houndour. somehow Crabrawler eggs are still highlighted as well. a few minutes ago I changed it again to Snorunt and now I get all three eggs highlighted.

Just to be sure, you are removing the previous code that contains the Crabrawler/Houndour or made sure that it was altered so that there is no mentioning of them in the code at all? This may sound dumb but it's the only thing I can think of.

PFP/BG/IMG from Golden Sun

Code Collection

PumpkínOfGlory

👍 0

Posted 01/Jun/2018 23:45:26 (5 years ago)
Edited 01/Jun/2018 23:45:37 (5 years ago)

Hey! I'm using the party clicking modification, but for some reason It's showing the eggs or Pokemon now right above the clicking area. Any idea how to fix it? Thanks!

Code I'm Using

#multiuser .pkmn { display:none; } #multiuser .name { display:none; } #multiuser .expbar { display:none; } #multiuser .taste { display:none; } #multiuser .party { width:300px; } #multiuser .party>div { width:211px; } #multiuser .party>div:nth-child(1) { border-top-right-radius:6px; } #multiuser .party>div:nth-child(2) { border-top-right-radius:0px; border-top-width:0px; } #multiuser .party>div:nth-child(5) { border-bottom-left-radius:0px; } #multiuser .party>div:nth-child(6) { border-bottom-left-radius:6px; } #multiuser .party>div:nth-child(2n+1) { border-right-width:1px; } #multiuser .party>div>.action>.berrybuttons>.tooltip_content { display:none; }

Avatar made by me.

When you get a random albino legendary. PM me about cheap dex trading.

White Lightning [ALBINO]

Lv. 100 — +500,479

Likes:

Sweet food

27%

Jolly nature

Sitten1115

👍 0

Posted 02/Jun/2018 04:07:48 (5 years ago)

I had a bug with the tampermonkey shelter script

I refreshed a few times to make sure it wasn’t left over from a previous page. And I individually checked and hid every Pokémon but none had any of the icons.

Check out my shop for free dex trades!

Credit for current avatar here

Signature by CatEnergetic, with help from Wardove. Art by Miasaurus.

Loading...