prospitian: (5)
Courtney ([personal profile] prospitian) wrote in [community profile] photosynthesis2015-01-27 06:37 pm
Entry tags:

CR Chart: Powered-Up Pac-Man


This CR chart goes straight down. There are little icons at the top and if you click on them, they'll bring you right to the character!
See it live!


Part 1: Base Code
Start with this code.


Find and replace this piece of text. Make sure you include and remove the [BRACKETS] in all cases!
[COLORCODE]This shows up twice: once for the border color, and once for the credit link at the bottom. Should be a hex code, don't include the # sign. In the example I only used one color, and if you want to follow suit, you can wait until you've pieced the rest of the code together and then do one sweeping find-and-replace to take care of all the color codes at once.




Part 2: Navigation Icons
Find <!--NAVIGATION ICONS--> in the base code. This code should go directly underneath that line for each character you're adding.



Here's what you need to replace in this one:
[LINKNAME] Can be anything (the character's name is probably the best way to go; it'll support spaces and apostrophes and such, so go nuts. It has to be unique from all the other characters' link names!
[IMGURL]The userpic URL.
[COLORCODE]Hex code for the userpic's border color.




Part 3: Character Blurbs
Find <!--CHARACTER BLURBS--> in the base code. This code should go directly underneath that line for each character you're adding.



[LINKNAME] This should be exactly the same as the LINKNAME you used for this character in part 2.
[IMGURL]The userpic URL.
[COLORCODE]This shows up twice: once for the userpic image's border and once for the background color for the name box.
[NAMECOLOR]A hex code for the font color for the name box.
[NAME]The character's name.
[BLURB]The text for the blurb.



As always, if you need help with any of this or you've encountered any problems, let me know!
strawberrysorbae: (Default)

[personal profile] strawberrysorbae 2015-04-09 06:33 pm (UTC)(link)
Hello there! Sorry to bother you, but I've gone in and looked at the code several times, but I can't get it to look like yours does. If it's not too much trouble, could you take a look and see where I might be messing up? You can see the post here: http://strawberrysorbae.dreamwidth.org/1293.html
strawberrysorbae: (Default)

[personal profile] strawberrysorbae 2015-04-09 09:38 pm (UTC)(link)
This totally fixed it, thank you so much for your help!!! uwu
damn_juicebox: (Thumbs Up!)

[personal profile] damn_juicebox 2015-09-17 08:11 pm (UTC)(link)
I absolutely love this code! I tried it out for myself, and the results are so cute.

I found that by taking out the [HEIGHT] altogether, the table span adjusted automatically to fit my page.

Thank you for your hard work in making this!
shistavanenjedi: (Default)

[personal profile] shistavanenjedi 2016-02-01 04:34 pm (UTC)(link)
I'm having trouble with getting the navigation pictures/links to line up. They are all underneath each other. How do I sort this out? Thanks!

https://shistavanenjedi.dreamwidth.org/141610.html