ONE TWO THREE FOUR DAY BY DAY.

Previous | Memories | Tell Someone | Next

30 March 2019 @ 02:14 pm

𝓈𝒾𝓂𝓅𝓁𝒾𝒸𝒾𝓉𝒾𝑒𝓈;
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