millennialfalcon: (Default)
🇨​🇭​🇷​🇮​🇸​ ([personal profile] millennialfalcon) wrote in [community profile] chriscodes2015-11-19 08:58 pm
  • Add Memory
  • Share This Entry

muses in games

CHARACTER ONE

APP
IC INBOX
HMD
CHARACTER TWO

APP
IC INBOX
HMD
CHARACTER ONE

APP
IC INBOX
HMD
CHARACTER TWO

APP
IC INBOX
HMD
code by [community profile] chriscodes




Instructions:
  1. Copy/Paste code below
  2. Make sure Disable Auto-Formatting is checked
  3. Replace the following:
    • LINK
    • IMG URL
    • USERPIC
    • GAME ONE/GAME TWO
    • CHARACTER ONE/CHARACTER TWO
  4. The colors used are pretty simple, replace as needed:
    •  #000  for dark text/borders
    •  #333  for shadows
    •  #FFF  for light text/borders
  5. Leave the credit as is
  6. Comments are appreciated! I'd love to see what you do with it!
Flat | Top-Level Comments Only
theoddfanaticat: (Default)

[personal profile] theoddfanaticat 2015-12-02 09:50 pm (UTC)(link)
I love this! It's so gorgeous, and I'd love to use it. But I'm a little HTML challenged, and I'm having a lot of difficulty adding more characters. Is there any way you could add a row or two to either the light or the dark, so that I could see how it's done? <333
millennialfalcon: (comic)

[personal profile] millennialfalcon 2016-01-17 04:28 pm (UTC)(link)
HI! Sorry this took me so long to get back to, I somehow lost the notif. (Stupid dw/gmail/whoever's fault it is)

I put up a couple expanded versions here, one with three across and one with two rows of two.

For the three across, the code is here:


For the multiple rows of two, the code is here:


If you want to add more rows of two, or take the three across and make multiple rows of three across, here's what you need to do. Find the part of the code that looks like this:

<table width=400><tr><td><div style="font-family:helvetica; font-weight:bold; font-size:12px; text-transform:uppercase; text-align:center; color:#FFF; text-shadow: 1px 1px 2px #333">CHARACTER ONE<br/>
<img src="USERPIC" style="border-style:solid; border-radius:30%; border: 2px #FFF solid; box-shadow: 5px 5px 5px #333"><br/>
<small><a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">APP</a><br/>
<a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">IC INBOX</a><br/>
<a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">HMD</a><br/></small></div></td>

<td><div style="font-family:helvetica; font-weight:bold; font-size:12px; text-transform:uppercase; text-align:center; color:#FFF; text-shadow: 1px 1px 2px #333">CHARACTER TWO<br/>
<img src="USERPIC" style="border-style:solid; border-radius:30%; border: 2px #FFF solid; box-shadow: 5px 5px 5px #333"><br/>
<small><a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">APP</a><br/>
<a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">IC INBOX</a><br/>
<a href="LINK" style="font-weight:normal; text-decoration:none; color:#FFF">HMD</a><br/></small></div></td></tr></table>

Copy everything in between the bolded <tr> and </tr> (including the <tr> and </tr>) and paste it immediately after, before the </table>.

I hope that makes sense; if it doesn't please let me know and I'll help you with it some more!
Edited 2016-01-17 16:28 (UTC)
ashavah: (Default)

[personal profile] ashavah 2016-03-15 06:57 am (UTC)(link)
Thanks so much for this! I've used it along with a simple code for my characters who aren't in games to create a muselist here. This is a beautiful code, and I like what you did with the font so much I adjusted the second part to match it.
beardlust: (Default)

[personal profile] beardlust 2018-08-24 12:29 am (UTC)(link)
I don't know if you're still answering questions here, but I'm trying to get a third game on here and it's giving me a world of trouble. Any suggestions?
Flat | Top-Level Comments Only