intro
this code is for a ds pictochat-like log. i use it on my site as a changelog, but i think it would work well for a microblog too.
installing
you can download this code together with the necessary assets on my github here.
customizing
at the top of the css, there's a bunch of variables that can be changed to easily customize the look of this log. i've added comments to explain what they do.
most notably there's a variable --p that scales the border width and font size. this page is being displayed at --p: 4; you can see an example where --p: 2 if you go back and click on "changelog". this also shows you how this page looks if you embed it as an iframe inside another page. i recommend keeping --p an integer between 1 and 6.
unique styles
this box gives an example of how you can give an individual box a unique style. search unique styles inside the css file to see how to overwrite global variables inside a desired class.
adding messages
simply copy-paste the contents of <div class="box">...</div> inside <div id="wrapper"><div id="inner">...</div></div>. put the date or title of your post inside <div class="date">...</div> and the text of the post inside <div class="message">...</div>.
credit
the font is NDS BIOS which i downloaded here.