yuff | Starry Activity Tracker (Reply)

Hi all! Just a simple activity tracker for you today:

Month

Title: Characters
Title: Characters
Title: Characters
Title: Characters

Code by Yuff

Code:

<raw-code>
<div style="margin: auto; max-width: 920px;">

<div style="display: inline-block; width: 225px; height: 335px; border: 1px solid #090601; margin: auto; border-radius: 10px;">
<div style="display: table-cell; width: 225px; height: 50px; background: url(http://i.imgur.com/rBgAM5L.png); border-radius: 10px 10px 0px 0px; text-align: right; color: rgba(255, 255, 255, 0.9); font-size: 200%; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-variant: small-caps; vertical-align: bottom;">
<span style="margin-right: 5px;">Month</span>
</div>

<div style="display: block; overflow: auto; height: 275px; padding: 10px 10px 0px 10px; font-family: 'Lucida Sans unicode'; background: url(http://i.imgur.com/1yOZizA.png); border-radius: 0px 0px 10px 10px; text-align: left;">

<ul>
<li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li>
<li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li>
<li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li>
<li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li>
</ul>
        
</div>
</div>


</div>
<div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
</raw-code>

Notes:

Live Preview.

Pretty simple code overall! Just edit the "Month" label and the links. If you need a new month, C&P the "!--MONTH--" section.

Modifications are totally fine. I'd love to see what you did with it though!

Comments are nice but not necessary. However, please leave the credit line on!

Starry Activity Tracker

Post a comment in response: