thirteen || just me, her and the moon

[sunshowered]

ONE (1) MUSELIST CODE
Threw this together for myself and thought that I might as well share!



LIVE PREVIEW (in the colors as intended):

CHARACTER. » Canon « journal ●●●●●	CHARACTER NAME. » Canon « journal ●●●○○
CHARACTER. » Canon « journal ●●●●●	CHARACTER NAME. » Canon « journal ●●●●○

CODE:
<raw-code><div align="center"><table> <tr> <!--CHARACTER 1 LONG NAME><td><div style="width: 250px; height: 100px; color: #1F1F1F; line-height: 1.2em; text-align: center; padding: 5px 5px 10px 5px; border: 3px double #ccc; background: #fff;"><img style="border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; float: left; margin-right: 8px; border-radius: 20px;" src="USERPIC"><br><span style="font-family: century gothic; font-size: 14px; color: #ccc; line-height: 11px; letter-spacing: 1px; float: center;"><b>CHARACTER NAME IF IT'S LONGER.</b></span><span style="font-family: century gothic; font-size: 11px; color: #ccc; position: relative; letter-spacing: 1px;"><br>» CANON «</span><a href="http://JOURNAL.dreamwidth.org/profile" style="color: #ccc;text-decoration:none; font-size: 12px; letter-spacing: 1px;"><br>JOURNAL</a></span><br><span style="font-family: tahoma; font-size: 19px; color: #ACCENTCOLOR; letter-spacing: 3px; position: relative;">●●●○○</span></div></center></td> <!--CHARACTER 2 SHORT NAME> <td><div style="width: 250px; height: 100px; color: #1F1F1F; line-height: 1.2em; text-align: center; padding: 5px 5px 10px 5px; border: 3px double #ccc; background: #fff;"><img style="border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; float: left; margin-right: 8px; border-radius: 20px;" src="USERPIC"><br><span style="font-family: century gothic; font-size: 14px; color: #ccc; line-height: 11px; letter-spacing: 1px; float: center;"><b>CHARACTER NAME.</b></span><span style="font-family: century gothic; font-size: 11px; color: #ccc; position: relative; letter-spacing: 1px;"><br>» CANON «</span><a href="http://JOURNAL.dreamwidth.org/profile" style="color: #ccc;text-decoration:none; font-size: 12px; letter-spacing: 1px;"><br>JOURNAL</a></span><br><span style="font-family: tahoma; font-size: 19px; color: #ACCENTCOLOR; letter-spacing: 3px; position: relative; top: 15px;">●●●○○</span></div></center></td></tr> <!--NEW ROW><tr><!--CHARACTER 1 LONG NAME><td><div style="width: 250px; height: 100px; color: #1F1F1F; line-height: 1.2em; text-align: center; padding: 5px 5px 10px 5px; border: 3px double #ccc; background: #fff;"><img style="border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; float: left; margin-right: 8px; border-radius: 20px;" src="USERPIC"><br><span style="font-family: century gothic; font-size: 14px; color: #ccc; line-height: 11px; letter-spacing: 1px; float: center;"><b>CHARACTER NAME IF IT'S LONGER.</b></span><span style="font-family: century gothic; font-size: 11px; color: #ccc; position: relative; letter-spacing: 1px;"><br>» CANON «</span><a href="http://JOURNAL.dreamwidth.org/profile" style="color: #ccc;text-decoration:none; font-size: 12px; letter-spacing: 1px;"><br>JOURNAL</a></span><br><span style="font-family: tahoma; font-size: 19px; color: #ACCENTCOLOR; letter-spacing: 3px; position: relative;">●●●○○</span></div></center></td> <!--CHARACTER 2 SHORT NAME> <td><div style="width: 250px; height: 100px; color: #1F1F1F; line-height: 1.2em; text-align: center; padding: 5px 5px 10px 5px; border: 3px double #ccc; background: #fff;"><img style="border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; float: left; margin-right: 8px; border-radius: 20px;" src="USERPIC"><br><span style="font-family: century gothic; font-size: 14px; color: #ccc; line-height: 11px; letter-spacing: 1px; float: center;"><b>CHARACTER NAME.</b></span><span style="font-family: century gothic; font-size: 11px; color: #ccc; position: relative; letter-spacing: 1px;"><br>» CANON «</span><a href="http://JOURNAL.dreamwidth.org/profile" style="color: #ccc;text-decoration:none; font-size: 12px; letter-spacing: 1px;"><br>JOURNAL</a></span><br><span style="font-family: tahoma; font-size: 19px; color: #ACCENTCOLOR; letter-spacing: 3px; position: relative; top: 15px;">●●●○○</span></div></center></td></tr> </table></div></raw-code>

GUIDELINES:

ღ for the record, the top code is for characters with longer names because it sends the little circles down an extra space.
ღ if you don't want the space, find the part of the code that says position: relative; top: 15px; and remove it. or add it if you need it!
ღ after that, just fill out your info/colors and you're good to go! very plug and play.
ღ credit if you wanna! if only just to let people know where you got it. also feel free to ask questions or edit. goodness knows I frankenspliced some codes together when I was learning (and I still am)

Comments

[ailuruslucidity]

Thank you for sharing this! I've been looking for a code for my own muselist, and this is working wonderfully!

[missleadingquestions]

Super cute and simple! Thanks for sharing, I'll be using this too!