2nd: get ready

[yanyan]

I got inspiration for another code as soon as I finished my last one. My life... The images used are 160px by 320px.

Character Name Canon

single version
<center><table> <tr> <td><center><a href="LINK GOES HERE"><img src="IMAGE URL GOES HERE" style="height: 320px; width: 160px; border-radius: 50px; box-shadow: 0px 1px 5px #777;"></a> <div style="height: 42px; width: 160px; color: white; background: black; position: relative; top: -96px;"><span style="font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em;">Character Name</span> <div style="position: relative; top: -10px;"><span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em;">Canon</span> </div></div></center></td> </tr> </table> <span style="font-size: 10px;">code by <user name="cawaii"></center>

Character Name Canon

Character Name Canon

Character Name Canon

3-column version
<center><table> <tr> <td><center><a href="LINK GOES HERE"><img src="IMAGE URL GOES HERE" style="height: 320px; width: 160px; border-radius: 50px; box-shadow: 0px 1px 5px #777;"></a> <div style="height: 42px; width: 160px; color: white; background: black; position: relative; top: -96px;"><span style="font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em;">Character Name</span> <div style="position: relative; top: -10px;"><span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em;">Canon</span> </div></div></center></td> <td><center><a href="LINK GOES HERE"><img src="IMAGE URL GOES HERE" style="height: 320px; width: 160px; border-radius: 50px; box-shadow: 0px 1px 5px #777;"></a> <div style="height: 42px; width: 160px; color: white; background: black; position: relative; top: -96px;"><span style="font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em;">Character Name</span> <div style="position: relative; top: -10px;"><span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em;">Canon</span> </div></div></center></td> <td><center><a href="LINK GOES HERE"><img src="IMAGE URL GOES HERE" style="height: 320px; width: 160px; border-radius: 50px; box-shadow: 0px 1px 5px #777;"></a> <div style="height: 42px; width: 160px; color: white; background: black; position: relative; top: -96px;"><span style="font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em;">Character Name</span> <div style="position: relative; top: -10px;"><span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em;">Canon</span> </div></div></center></td> </tr> </table> <span style="font-size: 10px;">code by <user name="cawaii"></center>

Comments

[katsura]

g-genos.... this looks really cool ahh!!!!

[craftings]

Okay this? Is gorgeous like whoa. Is there any way to turn that line for the character name and make it into a full box below the image? I'm kinda thinking I want to use it for a CR chart of mine.

[deloreans]

emitted an actual raptor screech at how amazing this looks

[crawly]

DANG! these are nice. also digging the onepunch man images.