ONE TWO THREE FOUR DAY BY DAY. - — muselist; simplicities

Previous | Memories | Tell Someone | Next

30 March 2019 @ 02:14 pm

— muselist; simplicities

𝓈𝒾𝓂𝓅𝓁𝒾𝒸𝒾𝓉𝒾𝑒𝓈;
a simple muselist with text!

After a bit of chatter with my wonderful plurk friends, the idea for a simple muselist with text options came to mind. As always, it can be easily customised with whatever colours you like and by changing the text fields to suit your needs!

For easy CTRL+F purposes—
div backgrounds / #efefef
border / #d2c0db

Comments are loved, and credit to

isanghae if you use.

Code:

<raw-code>
<center>
<table>
<tr><td colspan="2" style="font-family: courier, monospace; font-size: 14pt; font-weight: bold; letter-spacing: 1px; text-align: right;">muselist.</td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr></table>
</center>
</raw-code>

Add a new row:

<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 80px; width: 235px; float: right; padding-left: 5px; font-family: courier, monospace; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>

IJ friendly option

Tags: *ij friendly options, layout: muselist

7 comments | Leave a comment

( Post a new comment )

caityblythe on April 5th, 2019 09:02 pm (UTC)

do you have a way that this could be used on insanejournal?

(Reply) (Thread) (Link)

isanghae on April 7th, 2019 07:45 pm (UTC)

i haven't tried adapting code to IJ before but i can certainly give it a go! :>

(Reply) (Parent) (Link)

isanghae on April 8th, 2019 07:38 pm (UTC)

okay, here we go! remember to check the disable autoformatting box in IJ's post page:

<raw-code>
<center>
<table>
<tr><td colspan="2" style="font-family: courier, monospace; font-size: 14pt; font-weight: bold; letter-spacing: 1px; text-align: right;">muselist.</td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>
<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr></table>
</center>
</raw-code>

To add a new row:

<tr><td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td>
<td><div style="height: 80px; width: 320px; padding: 10px; background: #efefef; border-radius: 20px; border: #d2c0db 1px solid; text-align: left; overflow: auto;">
<div style="height: 80px; width: 80px; float: left;"><img src="ICON LINK" style="width: 80px; border-radius: 50%;" title="character name / canon" /></div>
<div style="height: 70px; width: 235px; float: right; padding-left: 5px; padding-top: 10px; font-family: courier, monospace; font-size: 9pt; color: #333333;"><b>NAME:</b> [ character name ]<br />
<b>CANON:</b> [ character canon ]<br />
<b>JOURNAL:</b> <a href="http://USERNAME.dreamwidth.org" style="text-decoration: none;">[ journal name ]</a><br />
<b>STRENGTH:</b> ★✰✰✰✰</div>
</div></td></tr>

(Reply) (Parent) (Thread) (Link)