Posterous

a blog by Brie Gordon

Pretty Pretty Posterous Backgrounds

Posterous is amazingly simple and fun to theme. (Last time, I talked about setting a custom favicon.) That's a nice touch but it's a detail that some will not notice. A custom background, on the other hand, is very noticeable and speaks volumes about you and your blog. Grab an image (may I suggest something from COLOURlovers?) and follow along:

1. Log into your Posterous account.
2. Go to Settings > Theme and customize my site
3. Click Advanced
This is where you can put the custom CSS. Note that how it ends up looking will vary based on what kind of customization you have done already. I am using the Ginza bigpic theme. This is what I did, modify as appropriate.
4. Scroll down to the body section that starts out like this:

body {

5. Right before the closing '}' place some lines like this (remove the spaces):

background - image: url('http:// imgur.com/wJLLa.png');
background - repeat: repeat;

6. Click 'Save, I'm done!'
Caution: Some patterns are very bold and may be too distracting for your blog or make the text hard to read.

Bonus:
I've attached several patterns from COLOURlovers.com that I think are really pretty. The links for them are below:

[1] http://imgur.com/VTGTy
[2] http://imgur.com/qdIcN
[3] http://imgur.com/1NR2V
[4] http://imgur.com/P9Rog
[5] http://imgur.com/cOpj9

the one I'm using:
[6] http://imgur.com/wJLLa

P.S. I <3 Posterous. The theming docs are complete and well-written if you're interested in doing more with your Posterous blog.

           
Click here to download:
Pretty_Pretty_Posterous_Backgr.zip (81 KB)

Filed under: advanced backgrounds css custom customization image imgur posterous
11
To Posterous, Love Metalab