InsaneJournal

Tweak says, "Floogleflop My Life"

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!

	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)