Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
@FïrëDåñçëÇrystål, there's no way to do the flags without using a UserScript or simply replacing the Kanto flag altogether after all ;w;
Here's some code to add your own type to any Pokémon you'd like though, I did figure that one out (a simpler and more complex version) ^^
/*simpler version, just replace the TYPE in the background image url with whichever type you like and replace the ID with your Pokémon's summary ID.
Remove the '&:after' section if you only want one extra type*/
[data-pid='ID'] .extra > .type {
display: flex;
flex-wrap: wrap;
& > img { order: 1; }
&:before {
display: block;
background-image: url('https://pfq-static.com/img/types/TYPE.png');
width: 32px; height: 16px;
content: '';
order: 2;
}
&:after {
display: block;
background-image: url('https://pfq-static.com/img/types/TYPE.png');
width: 32px; height: 16px;
content: '';
order: 3;
}
}
/*complex version, just replace the TYPE in the image urls with whichever types you like and replace the ID with your Pokémon's summary ID. Change the order number to whichever order you would like the types to appear in.
Remove the '& > img:nth-child(2)' section if your Pokémon only has one type (not needed, just doesn't do anything otherwise) and the '&:after' section if you only want one extra type*/
[data-pid='ID'] .extra > .type {
display: flex;
flex-wrap: wrap;
& > img:nth-child(1) {
content: url('https://pfq-static.com/img/types/TYPE.png');
order: 1;
}
& > img:nth-child(2) {
content: url('https://pfq-static.com/img/types/TYPE.png');
order: 2;
}
&:before {
display: block;
background-image: url('https://pfq-static.com/img/types/TYPE.png');
width: 32px; height: 16px;
content: '';
order: 3;
}
&:after {
display: block;
background-image: url('https://pfq-static.com/img/types/TYPE.png');
width: 32px; height: 16px;
content: '';
order: 4;
}
}
Simple Example
Complex Example
Can someone tell me what is wrong with this?
#shelterarea > .pokemon > img[src*="j/2/.png"]{
box-shadow: 0px 0px 50px 25px yellow;
background-color: yellow;
border-radius:100%;
}
Trying to highlight deino eggs in shelter but when I found one it ISNT highlighted.I tried before with tyrunt and it worked now as usually it doesnt.So yeah can someone help me.Thanks.
Credits to Daemonprince for this amazing melan bait.Thanks again
Is there a way to hide certain forum categories/sub forum categories in the forum index with css? Like the "clans" subforum and "Pokemon" forum for example? ^^;
NO PMS.Maybe when PMs are organizable I'll find an actual signature :/
QUOTE originally posted by pokedude96
Can someone tell me what is wrong with this?
#shelterarea > .pokemon > img[src*="j/2/.png"]{
box-shadow: 0px 0px 50px 25px yellow;
background-color: yellow;
border-radius:100%;
}
Trying to highlight deino eggs in shelter but when I found one it ISNT highlighted.I tried before with tyrunt and it worked now as usually it doesnt.So yeah can someone help me.Thanks.
- My Current Hunt
- Type Race+Plans!
2/226 hatched!
S: -k credits/- gp/- zc
A: -k credits/- gp/- zc
0 points this month!
Planned hunts:
Oh ok thanks.Lets see if now works.
You don't need to include the "pkmn/" part at all. You just need to add the "a" that you're missing from the img url. =]
I did and it still doesnt work but dont concern yourself with this.Deino eggs are super common in shelter dont need this for them.
QUOTE originally posted by pokedude96
I did and it still doesnt work but dont concern yourself with this.Deino eggs are super common in shelter dont need this for them.
Yes of course I always do that
Hi I like the feil clicking mod but it bugged me that the dislikes were stacked with the favs so i did this
I don't know if there's a way to compress it but i tried it and it worked for me
dunno if anyoneelse already did this so srry if it's a duplicate
Fav Berries Only
@padding: 50px;
#field_field>div.field>.fieldmon.cormyr {
margin:-@padding!important;
left:45%!important;
top:45%!important;
img {
animation:none!important;
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;
}
#field_field>div.field>.fieldmon.goaway {
margin:-@padding!important;
img {
animation:none!important;
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;
}
Cannot post: Please log in to post