Accurate Card Styles (for anyone to use!)

Unknown* Wihito

SCORE: 96 | 53 COMMENTS | 3969 VIEWS | IN 26 FOLDERS


franjimen421 says... #3

Holly damn, this looks cool! how do you upvote twice? you deserve it buddy

December 30, 2018 12:57 a.m.

franjimen421 says... #4

Also, I would be happy if you make a guide on how to use this, I don't really get what you meant by "description"... XD.

even though I couldn't use this, still looks really cool

December 30, 2018 1:05 a.m.

Wihito says... #5

franjimen421: Thank you! I've updated the guide, try it again!

December 30, 2018 4:53 a.m.

generikaed0x says... #6

would you be able to also get it to display mana costs next to the names? also, this is awesome

January 2, 2019 8:36 a.m.

Wihito says... #7

generikaed0x: Thank you! I'd like to do that as well, but the meta-data doesn't say how many of each symbol there are, for example Cryptic Command costs but this is the color, cost and type meta-data:

card card-color-blue card-color-blue-cost-4 card-type-instant
At best I can interpret that as , but that's not good enough.

January 2, 2019 11:38 a.m.

clentdc says... #8

shut up.This is bad ass!

April 4, 2019 12:55 p.m.

Icbrgr says... #9

Im having trouble using the code.... i right click the box that says "copy code to clipboard" to view the page source/code.... and when i copy it into a deck description i get an error saying

"Bad brackets near '.navigationStart}},{}],ee:[function(e,n,t){function r(){}function o(e){function n(e){return e&&e instanceof r?e:e?f(e,u,i):i()}function t(t,r,o,i){if(!d.aborted||i){e&&e(t,r,o);for(var a=n(o),u=v(t),f=u.length,c=0;c"

April 4, 2019 1:28 p.m.

Wihito says... #10

clentdc: Thank you!

Icbrgr: Guess I need to write a better function! In which operating system and internet browser did it happen?

Here's the code it should copy to your clipboard:


<link href="https://cdn.jsdelivr.net/gh/Saeris/typeface-beleren-bold/index.css" rel="stylesheet" type="text/css" />

<link href="https://cdn.jsdelivr.net/gh/Wihito/tappedout-card-theme/cards.css" rel="stylesheet" type="text/css" />

The first row links to the font and the second row links to the css.

April 4, 2019 3:35 p.m.

Icbrgr says... #11

works perfectly copy pasting from your last comment... i am using Google Chrome as an internet browser from a desktop. thank you so much!

April 4, 2019 4:30 p.m.

This is so cool, I'd never have thought about putting the time in to figure this out!

April 17, 2019 3:55 p.m.

Wihito says... #13

Icbrgr: Great! I'm super happy to see that you're using this for your decks :D Could you try the new button just to see if it works?

scotchtapedsleeves: Thank you! Yeah it has been a lot of stuff to figure out for this!

April 21, 2019 11:20 a.m.

Just tested the button, copies this to the keyboard. On Mac Sierra

<link href="https://cdn.jsdelivr.net/gh/Saeris/typeface-beleren-bold/index.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/gh/Wihito/tappedout-card-theme/cards.css" rel="stylesheet" type="text/css" />

April 21, 2019 3:47 p.m.

-Arcanity- says... #15

hm. It shows no effect in my decks. I'm probably doing something wrong.

May 7, 2019 9:29 a.m.

Wihito says... #16

-Arcanity-: There's a short troubleshooting guide right under the copy button, try that!

May 7, 2019 11:40 a.m.

-Arcanity- says... #17

Wihito I did that.

May 7, 2019 8:59 p.m.

Wihito says... #18

-Arcanity-: Then it's most likely that you don't have coding permissions. Try again when you have been given them after contacting yeago or scotchtapedsleeves.

May 8, 2019 2 a.m.

-Arcanity- says... #19

Wihito alright.

May 8, 2019 6:54 a.m.

For some reason, the Arlinn Kord  Flip only shows her transformed side.

May 11, 2019 7:06 a.m.

Wihito says... #21

ThrunTheTroll628: Wanted a card with all three icon types and tried to experiment if there's formatting for flip-card alters at the same time, ended up leaving it like that. Removed the alter on Arlinn Kord  Flip for now.

May 11, 2019 7:14 a.m.

Jumpstick says... #22

I think this is really cool. Is there a way to only apply this style to the decklist but not to the deckdescription?

May 11, 2019 10:21 a.m.

-Arcanity- says... #23

There is an issue that if you give a card an alternate name in the description, it won't display properly. That's minor, though.

May 12, 2019 10:02 p.m.

Wihito says... #24

Jumpstick: Sure it's possible! You just need a script that removes the card-link class from card links that the css relies on, luckily I took a few minutes to write one! I can message you it if you want it.

-Arcanity-: Oh that's something I haven't thought about, it's probably not fixable because this were all possible thanks to card links containing their name in the meta-data, which I used to output into pseudoelements on top of the original element: This isn't a Foil

May 13, 2019 1:24 a.m.

-Arcanity- says... #25

Wihito It's fine. Also, the script you wrote for Jumpstick may just be what I need, since all alternate card names are in the description. It would be of great help if you could message me the script. Thanks in advance!

May 13, 2019 6:17 a.m.

Please login to comment