Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
I searched around, but I couldn't find anything that can hide the 'about me' when party clicking.
The back ground to the trainer sprite is still there.
Sprites by Unity100 & Animela|Avatar by Cadence
Hover over sprites for art credit.Hoarding: Timid Shinies, Albinos, 'Psychic/Fairy' Delta's, Vivillon Patterns, Maravol Patterns Gems: Dragon
1725 needed
I did some testing and it looks like you need to hide not only the full trainer sprite and its background but also the portrait image on the trainer card for this to work. ahh, so that's why I had that bit of code in my Skin's CSS
So here's the full code
#trainerimage {
display:none;
}
#trainer_full_image {
display:none
}
#trainer_preview rect,
#trainer_preview use {
display: none;
}
The downside is that you won't be able to tell the gender of the player unless you open their userpage in the incognito mode, though.
Credits:
*Image of Purple Glaceon used with permission*
*Avatar is an official Glaceon sprite from Pokemon Conquest*
I'm fine with that. It's doing what I want now. Thank you
Hello! For the 'Alert presence of Shinies, etc. in Shelter' CSS, does it work with customs? If not, is there a way to add that?
QUOTE originally posted by LadyKoneko
Hello! For the 'Alert presence of Shinies, etc. in Shelter' CSS, does it work with customs? If not, is there a way to add that?
LEGO avatar built by me with LDD
I always plan for the possibly of a hunt not being complete
we're only human after all
Looking for Hasty Pokemon I don't have
TR/Tournament highlighting skin code
Help Christopher Leeaka Andros the Red In Space Ranger
's mom beat stage 2 lung cancer
My time is: 11:12 AM
Score: 627
TR code creditSo, I put together 3 blocks of CSS for shelter highlighting in different colors (currently, white=exclusives, red=legendaries, and green=exclusives' eggs). I added a common shelter pokemon at the end of each block - Nickit, Wooloo, and Rookidee respectively. For some reason, only the green block is working, no matter which order I have the blocks in. I pruned through all of the code and can't find where I went wrong, most likely a typo somewhere, so I'm hoping a new set of eyes here will be willing to help me out!
Edit: Also, I clear my cache each time I edit and check the extra CSS in the skin so that won't be the issue. All the other components are working perfectly as well, thanks to this thread!
code (a whole wall of it)
#shelterarea > .pokemon > img[src*="pkmn/f/x/p/v.png"], #shelterarea > .pokemon > img[src*="pkmn/e/8/o/2.png"], #shelterarea > .pokemon > img[src*="pkmn/v/n/4/t.png"], #shelterarea > .pokemon > img[src*="pkmn/9/c/e/r.png"], #shelterarea > .pokemon > img[src*="pkmn/i/8/w/q.png"], #shelterarea > .pokemon > img[src*="pkmn/9/d/s/h.png"], #shelterarea > .pokemon > img[src*="pkmn/s/a/y/e.png"], #shelterarea > .pokemon > img[src*="pkmn/c/8/d/w.png"], #shelterarea > .pokemon > img[src*="pkmn/u/8/z/t.png"], #shelterarea > .pokemon > img[src*="pkmn/u/0/d.png"], #shelterarea > .pokemon > img[src*="pkmn/8/f/5.png"], #shelterarea > .pokemon > img[src*="pkmn/t/a/f/b.png"], #shelterarea > .pokemon > img[src*="pkmn/i/4/o/7.png"], #shelterarea > .pokemon > img[src*="pkmn/k/h/l/n.png"], #shelterarea > .pokemon > img[src*="pkmn/h/2/y/e.png"], #shelterarea > .pokemon > img[src*="pkmn/o/t/0/8.png"], #shelterarea > .pokemon > img[src*="pkmn/2/i/9/l.png"], #shelterarea > .pokemon > img[src*="pkmn/u/9/w/y.png"], #shelterarea > .pokemon > img[src*="pkmn/r/k/s/f.png"], #shelterarea > .pokemon > img[src*="pkmn/z/h/9/j.png"], #shelterarea > .pokemon > img[src*="pkmn/3/u/p/t.png"], #shelterarea > .pokemon > img[src*="pkmn/s/i/6/k.png"], #shelterarea > .pokemon > img[src*="pkmn/p/p/m/v.png"], #shelterarea > .pokemon > img[src*="pkmn/6/a/w/r.png"], #shelterarea > .pokemon > img[src*="pkmn/m/3/2/i.png"], #shelterarea > .pokemon > img[src*="pkmn/m/g/n/z.png"], #shelterarea > .pokemon > img[src*="pkmn/o/z/k/c.png"], #shelterarea > .pokemon > img[src*="pkmn/b/c/a/r.png"], #shelterarea > .pokemon > img[src*="pkmn/l/6/t/r.png"], #shelterarea > .pokemon > img[src*="pkmn/i/f/5/v.png"], #shelterarea > .pokemon > img[src*="pkmn/b/b/y/7.png"], #shelterarea > .pokemon > img[src*="pkmn/a/6/r/2.png"], #shelterarea > .pokemon > img[src*="pkmn/i/1/3/j.png"], #shelterarea > .pokemon > img[src*="pkmn/z/3/o/c.png"], #shelterarea > .pokemon > img[src*="pkmn/k/u/s/u.png"], #shelterarea > .pokemon > img[src*="pkmn/m/q/0/n.png"], #shelterarea > .pokemon > img[src*="pkmn/o/e/4/i.png"], #shelterarea > .pokemon > img[src*="pkmn/4/r/g/t.png"], #shelterarea > .pokemon > img[src*="pkmn/v/0/z/o.png"], #shelterarea > .pokemon > img[src*="pkmn/z/a/r/5.png"], #shelterarea > .pokemon > img[src*="pkmn/w/9/0.png"], #shelterarea > .pokemon > img[src*="pkmn/o/b/o/1.png"], #shelterarea > .pokemon > img[src*="pkmn/f/x/t/e.png"], #shelterarea > .pokemon > img[src*="pkmn/t/8/9/7.png"], #shelterarea > .pokemon > img[src*="pkmn/5/z/w/s.png"], #shelterarea > .pokemon > img[src*="pkmn/m/2/2/z.png"], #shelterarea > .pokemon > img[src*="pkmn/k/k/k/j.png"], #shelterarea > .pokemon > img[src*="pkmn/t/f/4/n.png"], #shelterarea > .pokemon > img[src*="pkmn/s/s/6/4.png"], #shelterarea > .pokemon > img[src*="pkmn/d/b/h/x.png"], #shelterarea > .pokemon > img[src*="pkmn/c/w/q/d.png"], #shelterarea > .pokemon > img[src*="pkmn/t/i/o/0.png"], #shelterarea > .pokemon > img[src*="pkmn/e/n/1/q.png"], #shelterarea > .pokemon > img[src*="pkmn/o/9/1/1.png"], #shelterarea > .pokemon > img[src*="pkmn/9/a/8/a.png"], #shelterarea > .pokemon > img[src*="pkmn/6/p/6/b.png"], #shelterarea > .pokemon > img[src*="pkmn/e/n/1/q.png"], #shelterarea > .pokemon > img[src*="pkmn/p/c/8/n.png"], #shelterarea > .pokemon > img[src*="pkmn/4/t/8.png"], #shelterarea > .pokemon > img[src*="pkmn/q/c/p/2.png"], #shelterarea > .pokemon > img[src*="pkmn/1/1/k/0.png"], #shelterarea > .pokemon > img[src*="pkmn/n/r/2/b.png"], #shelterarea > .pokemon > img[src*="pkmn/1/n/b/r.png"], #shelterarea > .pokemon > img[src*="pkmn/7/9/1/n.png"], #shelterarea > .pokemon > img[src*="pkmn/e/l/l/x.png"], #shelterarea > .pokemon > img[src*="pkmn/y/a/4/m.png"], #shelterarea > .pokemon > img[src*="pkmn/4/2/s/3.png"], #shelterarea > .pokemon > img[src*="pkmn/f/g/e/l.png"], #shelterarea > .pokemon > img[src*="pkmn/6/1/d/o.png"]{
box-shadow: 0px 0px 25px 15px white;
background-color: white;
border-radius:100%;
}
#shelterarea > .pokemon > img[src*="pkmn/i/7/5.png"], #shelterarea > .pokemon > img[src*="pkmn/k/p/3.png"], #shelterarea > .pokemon > img[src*="pkmn/n/z/7.png"], #shelterarea > .pokemon > img[src*="pkmn/g/s/p.png"], #shelterarea > .pokemon > img[src*="pkmn/h/a/5.png"], #shelterarea > .pokemon > img[src*="pkmn/e/6/p.png"], #shelterarea > .pokemon > img[src*="pkmn/f/d/5.png"], #shelterarea > .pokemon > img[src*="pkmn/d/0/p.png"], #shelterarea > .pokemon > img[src*="pkmn/m/c/k.png"], #shelterarea > .pokemon > img[src*="pkmn/6/v/f.png"], #shelterarea > .pokemon > img[src*="pkmn/g/s/r.png"], #shelterarea > .pokemon > img[src*="pkmn/7/f/h.png"], #shelterarea > .pokemon > img[src*="pkmn/h/d/a.png"], #shelterarea > .pokemon > img[src*="pkmn/l/9/s.png"], #shelterarea > .pokemon > img[src*="pkmn/j/n/7.png"], #shelterarea > .pokemon > img[src*="pkmn/f/8/3.png"], #shelterarea > .pokemon > img[src*="pkmn/6/o/i.png"], #shelterarea > .pokemon > img[src*="pkmn/e/9/v.png"], #shelterarea > .pokemon > img[src*="pkmn/o/7/d.png"], #shelterarea > .pokemon > img[src*="pkmn/g/l/r.png"], #shelterarea > .pokemon > img[src*="pkmn/4/p/f.png"], #shelterarea > .pokemon > img[src*="pkmn/g/y/u.png"], #shelterarea > .pokemon > img[src*="pkmn/7/h/9.png"], #shelterarea > .pokemon > img[src*="pkmn/3/i/c.png"], #shelterarea > .pokemon > img[src*="pkmn/4/z/m.png"], #shelterarea > .pokemon > img[src*="pkmn/l/d/0.png"], #shelterarea > .pokemon > img[src*="pkmn/4/y/f.png"], #shelterarea > .pokemon > img[src*="pkmn/6/n/7.png"], #shelterarea > .pokemon > img[src*="pkmn/g/w/x.png"], #shelterarea > .pokemon > img[src*="pkmn/c/8/z.png"], #shelterarea > .pokemon > img[src*="pkmn/5/t/0.png"], #shelterarea > .pokemon > img[src*="pkmn/k/r/w.png"], #shelterarea > .pokemon > img[src*="pkmn/3/2/w.png"], #shelterarea > .pokemon > img[src*="pkmn/g/a/k.png"], #shelterarea > .pokemon > img[src*="pkmn/9/x/x.png"], #shelterarea > .pokemon > img[src*="pkmn/6/c/f.png"], #shelterarea > .pokemon > img[src*="pkmn/m/p/4.png"], #shelterarea > .pokemon > img[src*="pkmn/j/9/q.png"], #shelterarea > .pokemon > img[src*="pkmn/7/p/1.png"], #shelterarea > .pokemon > img[src*="pkmn/l/j/5.png"], #shelterarea > .pokemon > img[src*="pkmn/n/d/q/b.png"], #shelterarea > .pokemon > img[src*="pkmn/4/0/2.png"], #shelterarea > .pokemon > img[src*="pkmn/w/x/y.png"], #shelterarea > .pokemon > img[src*="pkmn/q/z/9.png"], #shelterarea > .pokemon > img[src*="pkmn/n/4/f/5.png"], #shelterarea > .pokemon > img[src*="pkmn/q/6/8/m.png"], #shelterarea > .pokemon > img[src*="pkmn/2/v/e/r.png"], #shelterarea > .pokemon > img[src*="pkmn/c/j/h/n.png"], #shelterarea > .pokemon > img[src*="pkmn/s/d/q/z.png"], #shelterarea > .pokemon > img[src*="pkmn/4/c/9.png"], #shelterarea > .pokemon > img[src*="pkmn/o/2/d.png"], #shelterarea > .pokemon > img[src*="pkmn/2/z/q/j.png"], #shelterarea > .pokemon > img[src*="pkmn/b/3/j/y.png"], #shelterarea > .pokemon > img[src*="pkmn/d/q/q/y.png"], #shelterarea > .pokemon > img[src*="pkmn/i/9/p/8.png"], #shelterarea > .pokemon > img[src*="pkmn/4/v/2/s.png"], #shelterarea > .pokemon > img[src*="pkmn/5/2/4/y.png"], #shelterarea > .pokemon > img[src*="pkmn/8/v/i/3.png"], #shelterarea > .pokemon > img[src*="pkmn/x/2/7/e.png"], #shelterarea > .pokemon > img[src*="pkmn/c/w/2/j.png"], #shelterarea > .pokemon > img[src*="pkmn/q/g/b/t.png"], #shelterarea > .pokemon > img[src*="pkmn/9/j/b/f.png"], #shelterarea > .pokemon > img[src*="pkmn/l/3/z/m.png"], #shelterarea > .pokemon > img[src*="pkmn/i/7/5.png"], #shelterarea > .pokemon > img[src*="pkmn/3/m/l.png"], #shelterarea > .pokemon > img[src*="pkmn/w/5/9/g.png"]{
box-shadow: 0px 0px 25px 15px red;
background-color: red;
border-radius:100%;
}
#shelterarea > .pokemon > img[src*="pkmn/c/q/s/d.png"], #shelterarea > .pokemon > img[src*="pkmn/q/m/5/u.png"], #shelterarea > .pokemon > img[src*="pkmn/i/9/v/i.png"], #shelterarea > .pokemon > img[src*="pkmn/a/t/0/j.png"], #shelterarea > .pokemon > img[src*="pkmn/y/q/w/s.png"], #shelterarea > .pokemon > img[src*="pkmn/c/u/e/3.png"], #shelterarea > .pokemon > img[src*="pkmn/q/6/7/a.png"], #shelterarea > .pokemon > img[src*="pkmn/e/o/7/7.png"], #shelterarea > .pokemon > img[src*="pkmn/w/e/u/8.png"], #shelterarea > .pokemon > img[src*="pkmn/9/2/e/8.png"], #shelterarea > .pokemon > img[src*="pkmn/8/h/p/5.png"], #shelterarea > .pokemon > img[src*="pkmn/5/a/l/e.png"], #shelterarea > .pokemon > img[src*="pkmn/v/v/p/m.png"], #shelterarea > .pokemon > img[src*="pkmn/o/c/k/e.png"], #shelterarea > .pokemon > img[src*="pkmn/7/w/7/v.png"], #shelterarea > .pokemon > img[src*="pkmn/u/4/z/o.png"], #shelterarea > .pokemon > img[src*="pkmn/v/k/6/v.png"], #shelterarea > .pokemon > img[src*="pkmn/y/o/0/r.png"], #shelterarea > .pokemon > img[src*="pkmn/7/9/i/m.png"], #shelterarea > .pokemon > img[src*="pkmn/4/i/h/o.png"], #shelterarea > .pokemon > img[src*="pkmn/z/a/0/2.png"], #shelterarea > .pokemon > img[src*="pkmn/2/1/j/l.png"], #shelterarea > .pokemon > img[src*="pkmn/s/m/f/g.png"], #shelterarea > .pokemon > img[src*="pkmn/z/1/o/d.png"], #shelterarea > .pokemon > img[src*="pkmn/a/0/n/o.png"], #shelterarea > .pokemon > img[src*="pkmn/b/c/5/f.png"], #shelterarea > .pokemon > img[src*="pkmn/e/c/z/a.png"], #shelterarea > .pokemon > img[src*="pkmn/1/4/k/l.png"], #shelterarea > .pokemon > img[src*="pkmn/t/7/n/8.png"], #shelterarea > .pokemon > img[src*="pkmn/b/p/l/8.png"], #shelterarea > .pokemon > img[src*="pkmn/q/i/m/w.png"], #shelterarea > .pokemon > img[src*="pkmn/x/u/8/z.png"], #shelterarea > .pokemon > img[src*="pkmn/e/r/g/t.png"], #shelterarea > .pokemon > img[src*="pkmn/p/o/p/n.png"], #shelterarea > .pokemon > img[src*="pkmn/t/k/3/5.png"], #shelterarea > .pokemon > img[src*="pkmn/h/2/l/9.png"], #shelterarea > .pokemon > img[src*="pkmn/q/r/9/c.png"], #shelterarea > .pokemon > img[src*="pkmn/w/q/8/v.png"], #shelterarea > .pokemon > img[src*="pkmn/2/a/b/4.png"], #shelterarea > .pokemon > img[src*="pkmn/3/g/i/0.png"], #shelterarea > .pokemon > img[src*="pkmn/x/0/e/e.png"], #shelterarea > .pokemon > img[src*="pkmn/t/g/4/3.png"], #shelterarea > .pokemon > img[src*="pkmn/i/f/i/n.png"], #shelterarea > .pokemon > img[src*="pkmn/d/e/w/e.png"], #shelterarea > .pokemon > img[src*="pkmn/p/5/l/k.png"], #shelterarea > .pokemon > img[src*="pkmn/f/k/h/8.png"], #shelterarea > .pokemon > img[src*="pkmn/v/h/8/n.png"], #shelterarea > .pokemon > img[src*="pkmn/6/h/b/q.png"], #shelterarea > .pokemon > img[src*="pkmn/9/r/1/3.png"], #shelterarea > .pokemon > img[src*="pkmn/7/p/3/b.png"], #shelterarea > .pokemon > img[src*="pkmn/5/n/h/z.png"]{
box-shadow: 0px 0px 25px 15px green;
background-color: green;
border-radius:100%;
}
@koivern~ your Nickit and wooloo codes are wrong
Nickit is 6/l/d/o.png/
Wooloo is w/5/9/q.png
you have them as
6/1/d/o.png
w/5/9/g.png
edit: quick note that once I changed the Nickit and wooloo codes in your code the code worked just fine :P
Also, if you wanted to reduce the wall of code try:
Take #shelterarea > .pokemon > img[src*="pkmn/f/x/p/v.png"],
then right after the comma add
img[src*="pkmn/f/x/p/v.png"],
that would take out a LOT of the unneccessary
#shelterarea > .pokemon >
This would make it look more like this
#shelterarea > .pokemon > img[src*="pkmn/f/x/p/v.png"], img[src*="pkmn/f/x/p/v.png"], img[src*="pkmn/v/n/4/t.png"],
box-shadow: 0px 0px 25px 15px white;
background-color: white;
border-radius:100%;
QUOTE originally posted by ValleryP
@koivern~ your Nickit and wooloo codes are wrong
Nickit is 6/l/d/o.png/
Wooloo is w/5/9/q.png
you have them as
6/1/d/o.png
w/5/9/g.png
Also, if you wanted to reduce the wall of code try:
Take #shelterarea > .pokemon > img[src*="pkmn/f/x/p/v.png"],
then right after the comma add
img[src*="pkmn/f/x/p/v.png"],
that would take out a LOT of the unneccessary
#shelterarea > .pokemon >
This would make it look more like this
#shelterarea > .pokemon > img[src*="pkmn/f/x/p/v.png"], img[src*="pkmn/f/x/p/v.png"], img[src*="pkmn/v/n/4/t.png"],
box-shadow: 0px 0px 25px 15px white;
background-color: white;
border-radius:100%;
QUOTE originally posted by koivern
Oh! Haha! I have dyslexia and an old eyeglass prescription so when I'm squinting at the inspect code it's hard for me to tell the difference between Qs and Gs / Ls and 1s, so thank you!
Also yes, thank you so much for that reduction, I was running off of info from a post 2yrs ago on page 15ish for the code I was using lol!
Cannot post: Please log in to post