• TRP Site Tip - Inserting Common Images

    We’ve got a really handy feature on the site that I’d like to highlight today. We refer to the feature as “colon codes,” and you’ll see why shortly, but basically it is a way to insert common images into your forum posts, blog articles, wiki posts, and in comments. Need a quick bolt symbol ()? Use a colon code. Need a card image? Use a colon code.

    So how do you use these colon code thingies? To insert the image you simply type its corresponding code anywhere within your message. If you then post your message or hit the preview button, you will see the result--the code you typed will be gone and an image will take its place.

    All of the codes are a word surrounded by colons, which is why we call them colon codes. See that bolt image in the first paragraph? I simply typed :bolt: to make that appear.

    What codes are available?
    We’ve got the various energy types:
    = :bolt:
    = :fist:
    = :mask:
    = :shield:
    = :wildcard:
    = :generic:

    And we’ve got card images. A LOT of card images. In fact, we pride ourselves in having the highest quality and most complete collection of card scans around. The codes for the card images are composed of the set name abbreviation followed by the collector number of the card. For example, :avx129: will give you the 129th card of the AvX set, Black Widow: Tsarina:

    The set abbreviations we use are as follows:
    avx = Marvel: Avengers vs. X-Men
    uxm = Marvel: Uncanny X-Men
    ygo = Yu-Gi-Oh! Series One
    bff = D&D: Battle for Faerun
    jul = DC: Justice League

    If there is an alternate art version of the card available, you can get that by adding the letter “a” (for alternate) on the end of the code, before the final colon. Here’s Tsarina’s alternate art version (code :avx129a:):

    But let’s say you need the card in a different size. We’ve got ya covered. From largest to smallest we’ve got the following sizes available: Full, Large, Medium, Small, and Thumb. “Full” are big enough for printing quality proxies and “Thumb” are tiny (thumbnail) size card images. To get a different size, simply append one of the size names (Full down to Thumb) to the end of the code, again just before the final colon. Here’s the comparison of the range of sizes available, excluding the really big "full." This time I’ll use the SR Red Dragon from the BFF set (BFF collector number 126).


    The codes I used to generate that series of images was :bff126large: :bff126medium: :bff126small: and :bff126thumb:. If you omit a size, "small" is the default.

    But wait, there’s more! If you append “op” to a set name and use a number, you can get get the Organized Play cards too. Here’s Phoenix Force: Force of Nature which is the AvX OP card #13, in medium size: :avxop13medium:

    But how the heck are you supposed to remember the collector numbers? You don’t have to. We have colon codes that will show you an index of all of the cards available in a given set. Just use a colon code starting with the set name, followed by the word “index.” Let’s say we didn’t know the code for that Phoenix Force card we just used, let’s look at the AvX index, :avxindex:

    Due to a quirk with image resizing in front page articles, that image is a bit hard to read, but click here to have a look at what it would look like in your posts. Pretty handy, right? A good workflow is to type the colon code for the index image, hit preview for your message, look up the needed code on the index chart shown, and then delete the colon code for the index image.

    A couple of final notes:
    1) All colon codes are lowercase. Uppercase will not work.
    2) We’re just beginning to add Justice League cards, so there is no index available for it yet, nor are all of the cards available yet. For the (so far) 75 cards we do have, all of the sizes are available.

    And that, my friends, is more than you ever wanted to know about colon codes. We hope you find them useful!

    Comments 19 Comments
    1. DigitalFirefly's Avatar
      DigitalFirefly -
      Fantastic! bump
    1. Meatman's Avatar
      Meatman -
      Awesome! You guys are cool!
    1. ToaEmpoleon's Avatar
      ToaEmpoleon -
      I really wish i could get that full art black widow. I have a soft spot for any card that I have the issue for.
    1. Randy's Avatar
      Randy -
      Quote Originally Posted by ToaEmpoleon View Post
      I have a soft spot for any card that I have the issue for.
      Same here man. That's why I love the AvX OP Spidey
    1. Dusty's Avatar
      Dusty -
      This podcast and site are

      Thanks for all this awesome stuff.
    1. ONEone78's Avatar
      ONEone78 -
      at first i thought this was about having a camera stuck up my hoobajoob to check for cancer. colon CODE, phew.
    1. DiceJunkie's Avatar
      DiceJunkie -
      cool stuff :mask
    1. Majun's Avatar
      Majun -
      Anyone else notice the numbers on the Justice League character list doesn't match the numbers on the actual cards? Also I can't seem to figure out what #105 is
    1. Randy's Avatar
      Randy -
      Quote Originally Posted by Majun View Post
      Anyone else notice the numbers on the Justice League character list doesn't match the numbers on the actual cards? Also I can't seem to figure out what #105 is
      we've noticed. I guess the important question is for Ken. are our colon codes going to use numbers printed on the cards, or checklist?
    1. Scorpion0x17's Avatar
      Scorpion0x17 -
      Why is red and not black?

      Also, could they not be given transparent backgrounds (so they don't look odd in quotes)?
    1. Bigred92's Avatar
      Bigred92 -
      :julindex:
    1. Crestfallen's Avatar
      Crestfallen -
      @Ken , any chance of getting colon codes for affiliations?
    1. Ken's Avatar
      Ken -
      Quote Originally Posted by Crestfallen View Post
      @Ken , any chance of getting colon codes for affiliations?
      Good idea. Adding it to my list. It'll happen within a couple of days.
    1. Crestfallen's Avatar
      Crestfallen -
      Quote Originally Posted by Ken View Post
      Good idea. Adding it to my list. It'll happen within a couple of days.
      Are the colon codes a shortcut to avoid typing code or some sort of font? E.g., if I insert the mask jpeg image using code, does it ultimately have the same affect as using the mask colon code?
    1. The Rev's Avatar
      The Rev -
      I love this
    1. pk2317's Avatar
      pk2317 -
      @Ken

      Any update on affiliation colon codes?

      If you'd like, I can help with creating the files and all you need to do is upload them to the smilies directory. I don't know if the colon code part is an extra step or how to set that up. Let me know?
    1. Ressless's Avatar
      Ressless -
      THis website needs and Award for AWESOMENESS
      !! You guys are soo cool! THanks for all the work.
    1. CeeQue's Avatar
      CeeQue -
      I updated the wiki with the abbreviations for the newer sets that I could figure out, it didn't quite work right,
      Is there a list of colon codes other than the wiki page?
    1. pk2317's Avatar
      pk2317 -
      Pretty much just the Wiki - need to get the latest sets uploaded.