Few points you need to keep in mind:
- The new design has a constant top toolbar that is 40 pixels tall and spans the entire length of the web page. For most designs, this shouldn’t interfere with any of your elements, but be aware that this bar is always there. Also note that there is a 20 pixel tall space between the toolbar and the start of the two columns.
- The spacing to the right and left of the columns is fluid and will vary based on the resolution and size of the browser window. The spacing is also significantly reduced from the previous design. As an example, in a 1280×800 browsing window, in the old design, there were approximately 251 pixels on each side of the Twitter columns. On the new design, that is reduced to 112 and 113 pixels respectively.
- The Twitter sidebar on the right is now semi-opaque. The opacity is about 75%, which means that depending on what color you choose and the color or style of your background image, that can impact readability.
- The timeline column on the left is always 540 pixels in width, but the sidebar can vary. After a certain resolution (about 1130 pixels), it becomes fixed at 500 pixels wide, but on smaller screens or in smaller browser windows, it can be as small as 380 pixels.
- Because of the way the columns are now laid out, background images should probably only be tiled if they are patterns or seamless. Larger images are much better off transitioning to a solid color rather than repeating.
Twitter Theme Tool:
Customize your Twitter profile with Themeleon. Go to Themeleon