InsaneJournal

Tweak says, "fire bad. tree pretty."

Ally -- are you already gone? (

wastintime) wrote in

rp_tutorials,
@ 2011-02-25 21:19:00

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!

(Read comments)

InsaneJournal

Post a comment in response: