Ally -- are you already gone? (![[info]](https://www.insanejournal.com/img/userinfo.gif){kind=small} wastintime) wrote in ![[info]](https://www.insanejournal.com/img/community.gif){kind=small} rp_tutorials,@ 2011-08-31 08:35:00 |
 |
|||
|
|
|
|
|
|
|
| Entry tags: | resources: fandom specific |
Customizable and Clickable Chocolate Frog Card HTML Template
Live Example
(hint: click the round buttons at the bottom of the card to flip between the bio and image)
The Code
Instructions
- Replace IMAGE_URL with an image of your choice that is 150px by 275px
- Replace BACKGROUND_URL with the bio background of your choice (see below)
- Replace OCCUPATION, BIRTH DATE, and BIO HERE with your character's information
- Replace CARD_URL with card of your choice (see below)
- Replace BANNER_URL with the background for name banner (see below)
- Replace ### with the card's number
- Optional: Replace #fffdaa with another color code to change the bio text color
- Replace BACKGROUND_URL with the bio background of your choice (see below)
- Replace OCCUPATION, BIRTH DATE, and BIO HERE with your character's information
- Replace CARD_URL with card of your choice (see below)
- Replace BANNER_URL with the background for name banner (see below)
- Replace ### with the card's number
- Optional: Replace #fffdaa with another color code to change the bio text color
Extra Resources
Name banner background
Bio backgrounds: Red | Blue | Yellow | Green | Purple | Teal | Orange | Silver
Cards: Red | Blue | Yellow | Green | Purple | Teal | Orange | Silver | Light Green (original image)
Credits
Based off of this card for Neville Longbottom by Luna5 from The Leaky Cauldron.
Questions/Feedback?
Leave a comment to this post, thanks!