Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
QUOTE originally posted by QueenDiancie
QUOTE originally posted by Kieran.fae
is there anyway of putting pokemon codes into css based about me's? like [pkmn=skitty] and [pkmn=klefki]. also isn't there a way of making pokemon images s/a/m?
Official anime screencap
(Gently) edited by me
is there a way to have a custom nature on a pkmnpanel?
for example Quiet >> Playful
IK playful isnt a nature (thats what i want displayed tho)
I has a question! I just got a custom cursor and learned that I can use this code to use it as part of my site skin!
body
{
cursor: url("IMAGE URL HERE"), pointer;
}
Is there some way I could modify the CSS to change which cursor is displayed depending on what I'm hovering over?
Avatar credits: Melan Plusle & Minun Galaxy avatar made by Sharpy, (for my use only)
@Alchemist's Fire
QUOTE originally posted by DrWho
You use the cursor property. See more examples at MDN: cursor - CSS
This cursor is a pointer
This cursor is a crosshair
This cursor is a Pidove
The Code
[sc=Url1]Hover over for an image of link 1[/sc]
[sc=Url2]Hover over for an image of link 2[/sc]
[sc=crosshair]I'm a crosshair. Write allllll the words hereeeeeeee.[/sc]
[style]
.Url1 {
cursor: url("IMAGE LINK HERE"), auto;
}
.Url2 {
cursor: url("IMAGE LINK HERE"), auto;
}
.crosshair {
cursor: crosshair
}
[/style]
Go Team Breakneck Blitz! -> Score: 0
Everstone
Special Evolution Item
(: 0)
A peculiar stone that prevents a Pokémon from evolving when held.
Sells for 250
Likes:
Dry food
27%
Mild nature
Avatar by TikiKat, for my use only
ok i have had the cursor on my skin, but can i make it so it doesnt revert to a normal pointer cursor over links, it looks strange
Is there a code that alerts you to a particular type of pokemon? (ie fire, water, etc) that could be used in the type race when shelter finding?
Thanks!
To change the nature:
the ID highlighted here is your pokemon's ID (same as in pkmnpanel), that's to make sure the code only affects this one pokemon.
.party > div[data-pid=
For the cursor: you currently have: body { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; } change it to this for the same cursor everywhere: *, *:before, *:after { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; }
28d Hypermode Voucher
Account Upgrade
(: 0)
A Voucher to be redeemed for 28 days of Hypermode.
Unsellable
Likes:
Bitter food
27%
Gentle nature
bN7Q6
] .nature > b {
font-size: 0;
&:before {
content: "asdfghj";
font-size: 10pt;
}
}
For the cursor: you currently have: body { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; } change it to this for the same cursor everywhere: *, *:before, *:after { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; }
Avatar by Kaelwolfur.
Sent from my PokéNav
QUOTE originally posted by DrWho
To change the nature:
the ID highlighted here is your pokemon's ID (same as in pkmnpanel), that's to make sure the code only affects this one pokemon.
.party > div[data-pid=
For the cursor: you currently have: body { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; } change it to this for the same cursor everywhere: *, *:before, *:after { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; }
28d Hypermode Voucher
Account Upgrade
(: 0)
A Voucher to be redeemed for 28 days of Hypermode.
Unsellable
Likes:
Bitter food
27%
Gentle nature
bN7Q6
] .nature > b {
font-size: 0;
&:before {
content: "asdfghj";
font-size: 10pt;
}
}
For the cursor: you currently have: body { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; } change it to this for the same cursor everywhere: *, *:before, *:after { cursor: url("/img/pkmn/i/q/g.png/t=1496855316"), auto; }
QUOTE originally posted by QueenDiancie
@Alchemist's Fire
QUOTE originally posted by DrWho
You use the cursor property. See more examples at MDN: cursor - CSS
This cursor is a pointer
This cursor is a crosshair
This cursor is a Pidove
The Code
[sc=Url1]Hover over for an image of link 1[/sc]
[sc=Url2]Hover over for an image of link 2[/sc]
[sc=crosshair]I'm a crosshair. Write allllll the words hereeeeeeee.[/sc]
[style]
.Url1 {
cursor: url("IMAGE LINK HERE"), auto;
}
.Url2 {
cursor: url("IMAGE LINK HERE"), auto;
}
.crosshair {
cursor: crosshair
}
[/style]
QUOTE originally posted by Alchemist's Fire
QUOTE originally posted by QueenDiancie
@Alchemist's Fire
QUOTE originally posted by DrWho
You use the cursor property. See more examples at MDN: cursor - CSS
This cursor is a pointer
This cursor is a crosshair
This cursor is a Pidove
The Code
[sc=Url1]Hover over for an image of link 1[/sc]
[sc=Url2]Hover over for an image of link 2[/sc]
[sc=crosshair]I'm a crosshair. Write allllll the words hereeeeeeee.[/sc]
[style]
.Url1 {
cursor: url("IMAGE LINK HERE"), auto;
}
.Url2 {
cursor: url("IMAGE LINK HERE"), auto;
}
.crosshair {
cursor: crosshair
}
[/style]
- ✨
- ✨
You know what is great? Knowing somewhere out there, someone is salty that you are still fighting along in this rulebreaking game of Life.
I do Shiny Charm Swaps for 25 GP each! just send a labeled trade!
Any Equivalent, even 25,000 credits or 5 zc
WIP 2ND TAB!
Credits
Cannot post: Please log in to post