InsaneJournal

Tweak says, "not enough, not nearly enough."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2011-02-25 21:19:00

Entry tags:

layouts: media

Quick and dirty Tumblr post mock-up

Live Example

username reblogged username:	2 notesreplyreblog
Subject username: username: blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Source: username#tag#tag#tag

The Code

<lj-raw><table style="background-color:#2c4762;padding:20px;" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div style="background:url('http://img718.imageshack.us/img718/1740/9a8r116i.png') no-repeat center center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:65px;height:65px;margin-right:10px;border-bottom:solid 1px #a3a3a3;"> </div></td>
<td valign="top"><img src="http://img829.imageshack.us/img829/4025/arrowd.png"></td>
<td valign="top" style="background-color:white;width:540px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:15px;border-bottom:solid 2px #a3a3a3;text-align:left;"><table width=100% style="font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#bbb;" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left"><b><u>username</u> reblogged <u>username:</u></b></td>
<td valign="top" align="right"><b><span style="margin-right:10px;">2 notes</span><span style="margin-right:10px;">reply</span><span style="margin-right:10px;">reblog</span></b><img src="http://img811.imageshack.us/img811/7236/heartvs.png"></td>
</tr>
<tr>
<td colspan=2 style="padding:10px;color:#444;"><span style="font-weight:bold;font-size:18px;">Subject</span><br /><br />
<u>username:</u><br /><br />
<div style="border-left:4px solid #bbb;padding-left:10px;"><u>username:</u><br /><br />
<div style="border-left:4px solid #bbb;padding-left:10px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div><br />
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div><br />
<img src="http://media.tumblr.com/tumblr_l8crnlo1k01qadv74.gif"></td>
</tr>
<tr>
<td colspan=2 valign="top" style="font-size:12px;"><span style="margin-right:10px">Source: username</span><span style="margin-right:10px">#tag</span><span style="margin-right:10px">#tag</span><span style="margin-right:10px">#tag</span></td>
</tr>
</table></td>
</tr>
</table></lj-raw>

Note: The userpic size is 65px x 65px. You will have to shrink any icon you want to use to this size because there is no way to get the rounded corners otherwise.

Questions? Feedback?
Leave a comment here. Thanks!

	enamoured 2011-02-26 04:06 am UTC (link)
	Best. Code. Ever. (Reply to this)

	hammertech 2011-02-26 04:23 am UTC (link)
	THIS IS SO FUCKING BOSS. (no pun intended) (Reply to this)

	mougeotte 2011-02-26 07:50 am UTC (link)
	That is AMAZING. Since Tumblr has stolen quite a bit of my life. (Reply to this)

	advertisemyrp 2011-02-26 03:53 pm UTC (link)
	NEED THIS IN MY LIFE, THANK YOU Seriously, this is way cool :) (Reply to this)