Page 1 of 1
Pokémon skin for the game
Posted: 06 November 2024, 07:58
by LiatKolink
I don't really like the original art as many people seem to agree, so I have decided to create a skin for the game based off Pokémon. Hope you like it. I could perhaps do other regions based off their regional PokéDex. If there's any error I've made, the code affects other games or any suggestion, please let me know. c:
Code: Select all
.stockitem:has(.card_shadow), .card_content{
background-image: url(https://i.imgur.com/DBqJsjf.png) !important;}
.chooserow_btn, .place, .takerow_btn{
background-image: url(https://i.imgur.com/mg4PkjY.png);}
Re: Pokémon skin for the game
Posted: 13 November 2024, 15:07
by 3p1cFr3nzy
The cards are really good - well done! I'll use these card skins in my future games given I was a big pokemon fan (not as much any more but still).
For Gen 2 you might need to be creative and maybe do some pokeballs/items given there are only 100 pokemon? I don't want to fully steal your idea but I'll try and do a Gen 3/4 remake of this idea just for the fun of it.
Again I appreciate the effort that went into this.
Re: Pokémon skin for the game
Posted: 24 November 2024, 20:22
by Marshmallox33
How do you use this skin? I have no idea what I have to do with this code ^^
Re: Pokémon skin for the game
Posted: 15 December 2024, 00:37
by Zanearijus
Marshmallox33 wrote: ↑24 November 2024, 20:22
How do you use this skin? I have no idea what I have to do with this code ^^
You can paste the code here:
https://boardgamearena.com/preferences?section=advanced
Re: Pokémon skin for the game
Posted: 04 March 2025, 20:12
by 3p1cFr3nzy
LiatKolink wrote: ↑06 November 2024, 07:58
I don't really like the original art as many people seem to agree, so I have decided to create a skin for the game based off Pokémon. Hope you like it. I could perhaps do other regions based off their regional PokéDex. If there's any error I've made, the code affects other games or any suggestion, please let me know. c:
Code: Select all
.stockitem:has(.card_shadow), .card_content{
background-image: url(https://i.imgur.com/DBqJsjf.png) !important;}
.chooserow_btn, .place, .takerow_btn{
background-image: url(https://i.imgur.com/mg4PkjY.png);}
I've edited the code to fit ufm's new adaptation with a small twist (6th card now shows a pokeball where the pokemon has fainted - taken from gen IV games):
Code is:
Code: Select all
#gameaction_status_wrap>div>img{top:7px}.card:empty:not(.card_1){background-image:url(https://i.imgur.com/DBqJsjf.png);}
text-align:center;width:110px}.player_card_wrap.professional{width:100px}.playertablename{font-weight:700;height:24px;line-height:24px;text-align:center;white-space:nowrap}.cardspace.player_card_slot{margin-bottom:5px;position:relative}.cardspace.empty_slot{background-image:url(https://i.imgur.com/EnPGjyq.png)}.cardspace.empty_slot,.cardspace.last_slot{background-size:100% 100%;border-radius:8px;margin:5px;position:relative}.cardspace.last_slot{background-image:url(https://i.imgur.com/3THemDJ.png);font-size:35px;font-weight:700;line-height:102px;text-align:center;
width:66px}.arrow_slot.selectable_row{cursor:pointer;pointer-events:all;visibility:unset}.arrow_slot.selected_row{filter:drop-shadow(3px 3px 0 black) drop-shadow(3px -3px 0 black) drop-shadow(-3px 3px 0 black) drop-shadow(-3px -3px 0 black)}.arrow_slot>.row_arrow{background-image:url(https://i.imgur.com/I0kWrDG.png)};
Let me know if you have any issue with this new code. I'll try and change the row ending and arrow too some time later
Edit: Pokemon skin does not work for cards in your hand.