 |
|
|
5 comments
Added on 01/27/08 by
Kris |
|
|
 |
|
 Ever wanted to make an interesting Twitter background? Here's how I did it.
Side note: This post comes to you straight from an email reply to fellow long-time podcaster Michael Geoghegan in regards to my Twitter background.
Also of note, this layout works best on higher res monitor settings. I imagine that most active Twitter users that are going to be viewing the site as opposed to sms or mobile versions are on high res settings. That said, let's roll.
Creating your background
-----------------------------
File Dimensions: 2048 px by 1707 px (no clue why i used these dimensions but I am sure I knew what I was doing at the time)
Branding Dimensions: 80 px by 587 px
Coordinates: X=20, Y=14
Horizontal position: 20 px from the left (give yourself some padding)
Vertical position: 14 px from the top (will line up your graphic with the top of the twitter logo. our eyes like symmetry)
File size and type according to Twitter: "Images must be smaller than 800k. GIF, JPG, PNG."
Aesthetics
------------
Color palette: Pick colors that match that with default Twitter stylesheet colors. If they contrast too much follow the Change Background directions above and change the colors for Text, Name, Link, Sidebar fill and Sidebar border as needed.
Recommendation: Choose colors that work with the default and save yourself the headache of matching the CSS to your image. Follow Twitter's lead.
Uploading your background
------------------------------
Change Default Background: Login and click 'Settings' >> click 'Design' >> Select 'Use my custom style below' radio button >> Upload your image
It took me quite a bit of time to get a background image that I was happy with. There was a lot of editing and uploading again, and again until I got it right. I would suspect if you're like me your experience will be much the same. So have patience when getting it just right. And remember that you are working within someone else's website and can't control all the features. Here's my background at work - http://twitter.com/croncast. And here's a link to the background all by itself if you want to use it as a guide.
|
|
|
Ooooh, yummy! What a great post to stumble across via a mutual Twitter bud. Thx for step-by-step instructions. :) I'm collecting all kinds of useful Twitter tools/resources & will add your post/link.
(Pssst - your Twitter hyperlink isn't formatted properly at the foot of the post... might want to correct that?)
|
|
|
Posted by: Mari Smith
at:
10:08pm 02/25/2008 |
|
|
Question what exactly are you using for your images?
Because I am using photoshop CS3 and when I set my image to the dimensions you specified?
I ask this because photoshop makes the filesize 10mb and twitter only accepts 800k WTF?! Help!
|
|
|
Posted by: Adrian at:
9:42pm 05/19/2008 |
|
|
Thanks for the simple and quick examples. I was able to change my Twitter background in no time!
http://twitter.com/indielab
|
|
|
Posted by: IndieLab
at:
11:16am 06/10/2008 |
|
|
Great post! My twitter page as well is now full of Zen.
htt://twitter.com/adriarichards
|
|
|
Posted by: Adria Richards, But You're A Girl.com
at:
8:09pm 06/30/2008 |
|
|
Cool! Thanks for this tip...
|
|
|
Posted by: Lucas McDonnell
at:
8:39pm 07/10/2008 |
|
|
| |
|
| |
| |
| |
|
| |
|
|
| |
|
|
|
 |
|
subscribe
