HOW TO: Customize Your Background for the New Twitter


by Christina Warren

This article first appeared on MASHABLE.

The Better Profiles Series is supported by Gillette. Learn more about Gillette and its products at Gillette.com.

Last month, TwitterTwitter unveiled a total site redesign. The new Twitter homepage is robust, more like a stand-alone application, and offers support for multimedia, keyboard shortcuts, and easy access to various types of content.

The new design also has different dimensions (originally based on the golden ratio) and treats backgrounds in a slightly different way. The result is that a carefully customized Twitter background that looked fantastic on the old Twitter, may not work so well with the new design. In many cases, the best solution is to create a new color scheme or background design to fit into the new parameters.

As more and more users are gaining access to the new Twitter, we thought it would be a good time to revisit the area of Twitter customizations. Fortunately, Twitter now offers some fantastic theming tools to make the process less of a chore, and we’ve created some Photoshop (PSD) files mapped to the dimensions of the new Twitter to help give you a head start.


Plan Your Layout


The new Twitter utilizes a fluid layout, meaning that the browser window or screen resolution can impact the width of some of the columns, as well as how much of the background image is visible.

Check out this image that we created to show off the layout of the new Twitter. Although resized to fit this blog post, this screenshot was originally taken at a resolution of about 1440 pixels wide.

Read more . . .

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s