Single post in Zach's Free To Use Codes
Forum Index > Other > Other Art > Zach's Free To Use Codes >
So in case anyone here hasn't heard, Niet has kindly updated the type of data that is stored for each pokemon variable in the shelter! This means that the shelter now loads nature data, and we can search for natures using CSS without it being a breach of the "one click must equal one interaction" rule!
Mirzam's Quality of Life script has plans to incorporate an updated shelter search that sounds wonderful, but they are very busy and may not get to it for a while.
In the meantime, I've whipped up something for my personal use that I thought I could share. This is not part of the QoL script and is used like any other Extra CSS site skin snippit.
It is suggested to use the Extra CSS section of your site skin to do this, as the "Css settings" section of QoL does not carry over browsers and can be deleted at random. Site skins cannot be deleted, and even if they break you will still have access to the code. First, you should know that there is now a number correlated with each nature. They are as follows:
To highlight all Pokemon in the shelter with a specific nature, use the below code and replace the phrase "NatureNumber" with the number correlating to the nature you prefer.
An example for the quiet nature would be as follows:
Note that the quotations around the number must stay in tact.
Now, we can actually do a bit more then this! We can select a specific nature and a specific Pokemon by utilizing the list of img codes that the Wiki Team has put togethter for us.
An example that would highlight all quiet bulbasaur in the shelter would be as follows:
* Please note that image codes select an exact image. This means that if a Pokemon has a visual gender variation, you will have to repeat this code for both genders.
Now let's say you have more then one thing you want to look for. We can save some lines of code here and link selectors together.
An example that would highlight all quiet bulbasaur, squirtle, and charmander in the shelter would be as follows:
* Note that the line before the { does not have a comma after it, but all those before it do.
That's all there is to it! You can change the CSS styling to be anything you want as well - you could make the background a different color, change it to be a circle, or use a box shadow instead of a backgruond. As always, when updating a site skin remember to clear your cache for the CSS to take effect. If you encounter errors, make sure to triple check your syntax: Are you missing any opening or closing brackets such as { or }? Are you missing any quotations ( " " ) around the ImgCodes or the NatureNumbers? Have you cleared your cache?
It is suggested to use the Extra CSS section of your site skin to do this, as the "Css settings" section of QoL does not carry over browsers and can be deleted at random. Site skins cannot be deleted, and even if they break you will still have access to the code. First, you should know that there is now a number correlated with each nature. They are as follows:
Nature Numbers
Serious = 1
Lonely = 2
Adamant = 3
Naughty = 4
Brave = 5
Bold = 6
Hardy = 7
Impish = 8
Lax = 9
Relaxed = 10
Modest = 11
Mild = 12
Bashful = 13
Rash = 14
Quiet = 15
Calm = 16
Gentle = 17
Careful = 18
Docile = 19
Sassy = 20
Timid = 21
Hasty = 22
Jolly = 23
Naïve = 24
Quirky = 25
Template
#shelterpage #shelter #shelterarea>.pokemon[data-nature="NatureNumber"] {
background: red;
padding: 2px;
border-radius: 2px;
}
Example
#shelterpage #shelter #shelterarea>.pokemon[data-nature="15"] {
background: red;
padding: 2px;
border-radius: 2px;
}
Now, we can actually do a bit more then this! We can select a specific nature and a specific Pokemon by utilizing the list of img codes that the Wiki Team has put togethter for us.
Template
#shelterpage #shelter #shelterarea>.pokemon[data-nature="NatureNumber"]>img[src*="PokemonImgCode" i] {
background: red;
padding: 2px;
border-radius: 2px;
}
Example
#shelterpage #shelter #shelterarea>.pokemon[data-nature="15"]>img[src*="1/g/g" i] {
background: red;
padding: 2px;
border-radius: 2px;
}
Example
#shelterpage #shelter #shelterarea>.pokemon[data-nature="15"]>img[src*="1/g/g" i],
#shelterpage #shelter #shelterarea>.pokemon[data-nature="15"]>img[src*="5/l/t" i],
#shelterpage #shelter #shelterarea>.pokemon[data-nature="15"]>img[src*="h/h/e" i] {
background: red;
padding: 2px;
border-radius: 2px;
}
That's all there is to it! You can change the CSS styling to be anything you want as well - you could make the background a different color, change it to be a circle, or use a box shadow instead of a backgruond. As always, when updating a site skin remember to clear your cache for the CSS to take effect. If you encounter errors, make sure to triple check your syntax: Are you missing any opening or closing brackets such as { or }? Are you missing any quotations ( " " ) around the ImgCodes or the NatureNumbers? Have you cleared your cache?