dancingmuffins | Kingdom Hearts Style Thread Tracker

So I am a clearly insane person and decided to code up that looks close enough to what the journal looks like in Days. Anyone is welcome to use it as long as they credit this journal!

You can see a live preview of it here!

Style coding

<raw-code><center><div style="width:486px; height: 350px;background-image: url(http://i.imgur.com/PVWsyt8.png);"><div style="padding-top:7px;"><span style="width:500px; height:350px; display: inline-block; overflow:hidden;">

<a name="entry1"><div style="height: 320px; width: 454px; margin-bottom:20px; display: block; padding: 7px;text-align: left;background-image: url(http://i.imgur.com/ryzuUDs.png); background-repeat: no-repeat;">
<center><div style="padding-right:18px;"><div style="width:400px; height:20px; background-image: url(http://i.imgur.com/gJyyMGI.png);text-align:left;"><span style="padding-left:10px;font:10px impact; color: #eeeeee;letter-spacing: 1px;text-shadow: 2px 1px #000000;">DAY</span><span style="padding-left:40px;font:10px impact; color: #fff600;letter-spacing: 1px;text-shadow: 2px 1px #000000;">1</span><span style="padding-left:40px;font:12px Georgia; color: #ffffff;letter-spacing: 1px;text-shadow: 2px 1px #000000;"><a href="LINKHERE" style="font-family:georgia; text-decoration:none;"><font color="#ffffff">Entry 1</font></a></span></div></div></center>
<div style="padding-left:14px;padding-top:5px;"><div style="width:430px; height:360px;"><div style="font:15px georgia; color: #000000;line-height: 26px;text-indent:30px;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in ante enim. Pellentesque ultrices libero ac ligula pellentesque convallis. Mauris nec augue sed ante facilisis porta non id eros. Pellentesque lacinia at felis sit amet rhoncus. Etiam nec felis dolor. Nam semper, dolor nec faucibus posuere, nulla enim laoreet lacus, in vestibulum mi libero eu nulla. Sed id convallis mauris. Vivamus nisl lorem, aliquam id iaculis consectetur, iaculis sed elit. Quisque et fringilla quam.<br><br></div></div></div></a>

</div></div>
<div style="width:486px; height: 100px;background-image: url(http://i.imgur.com/PVWsyt8.png);"><span style="width:450px; height:96px; display: inline-block;overflow-y: scroll;background-color:#9ecb50">
<center>


<a href="#entry1" style="text-decoration:none;"><div style="padding-top:3px;"><div style="width:400px; height:20px; background-image: url(http://i.imgur.com/Fmxk137.png);text-align:left;"><span style="padding-left:10px;font:10px impact; color: #eeeeee;letter-spacing: 1px;text-shadow: 2px 1px #000000;">DAY</span><span style="padding-left:40px;font:10px impact; color: #fff600;letter-spacing: 1px;text-shadow: 2px 1px #000000;">1</span><span style="padding-left:40px;font:12px Georgia; color: #ffffff;letter-spacing: 1px;text-shadow: 2px 1px #000000;">Entry 1</span></div></div></a>


<a href="#entry2" style="text-decoration:none;"><div style="padding-top:3px;"><div style="width:400px; height:20px; background-image: url(http://i.imgur.com/Fmxk137.png);text-align:left;"><span style="padding-left:10px;font:10px impact; color: #eeeeee;letter-spacing: 1px;text-shadow: 2px 1px #000000;">DAY</span><span style="padding-left:40px;font:10px impact; color: #fff600;letter-spacing: 1px;text-shadow: 2px 1px #000000;">2</span><span style="padding-left:40px;font:12px Georgia; color: #ffffff;letter-spacing: 1px;text-shadow: 2px 1px #000000;">Entry 2</span></div></div>


<a href="#entry3" style="text-decoration:none;"><div style="padding-top:3px;"><div style="width:400px; height:20px; background-image: url(http://i.imgur.com/Fmxk137.png);text-align:left;"><span style="padding-left:10px;font:10px impact; color: #eeeeee;letter-spacing: 1px;text-shadow: 2px 1px #000000;">DAY</span><span style="padding-left:40px;font:10px impact; color: #fff600;letter-spacing: 1px;text-shadow: 2px 1px #000000;">3</span><span style="padding-left:40px;font:12px Georgia; color: #ffffff;letter-spacing: 1px;text-shadow: 2px 1px #000000;">Entry 3</span></div></div>

  </div></center>
</raw-code>

Journal Entry Code:

<a name="entry1"><div style="height: 320px; width: 454px; margin-bottom:20px; display: block; padding: 7px;text-align: left;background-image: url(http://i.imgur.com/ryzuUDs.png); background-repeat: no-repeat;">
<center><div style="padding-right:18px;"><div style="width:400px; height:20px; background-image: url(http://i.imgur.com/gJyyMGI.png);text-align:left;"><span style="padding-left:10px;font:10px impact; color: #eeeeee;letter-spacing: 1px;text-shadow: 2px 1px #000000;">DAY</span><span style="padding-left:40px;font:10px impact; color: #fff600;letter-spacing: 1px;text-shadow: 2px 1px #000000;">1</span><span style="padding-left:40px;font:12px Georgia; color: #ffffff;letter-spacing: 1px;text-shadow: 2px 1px #000000;"><a href="LINKHERE" style="font-family:georgia; text-decoration:none;"><font color="#ffffff">Entry 1</font></a></span></div></div></center>
<div style="padding-left:14px;padding-top:5px;"><div style="width:430px; height:360px;"><div style="font:15px georgia; color: #000000;line-height: 26px;text-indent:30px;">

Select an Entry Code:

When you link the journal entry to the list of entries below be sure to keep the # or else it's not gonna work! If you have any questions or it's breaking on you for some reason please feel free to ask as well.

Kingdom Hearts Style Thread Tracker - Days Journal

Post a comment in response: