InsaneJournal

Tweak says, "Raise your fist and yell!"

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)