How to customize the background in the new Twitter

Last month, Flickr announced a total redesign in the site. The new Twitter page is robust, more like the latest standalone application, and works with multimedia keyboard shortcuts, uncomplicated access to various types of content.

The latest design also has different sizing, and treats the funds in a slightly different strategy. The result is a personalized care out of the bottom of Twitter in which looked fantastic on the outdated Twitter, may not work as certainly with the new design. Quite often the best solution is to create a fresh color scheme or track record design to adapt to the new ranges.

As more and more users are getting at the new Twitter, we thinking it would be a good time to review areas of ??Twitter customizations. Happily, Twitter now offers some great gear subject to make the process a reduced amount of burdensome, and have seen quite a few Photoshop files (PSD) adapted to the dimensions of the new Twitter to obtain started.

Distribution plan

The latest design uses a fluid Flickr, which means that the browser pane or screen resolution may affect the width of the various columns, and how much of the backdrop image is visible.

Check out this graphic that we created to show design for the new Twitter. Although resized to fix this blog, screen was grabbed initially to a resolution of around 1440 pixels wide.
There are some points you must consider when designing or modifying Twitter background to fit the ultra-modern site:

The new design includes a constant top toolbar, that is definitely 40 pixels high and stretches the entire length of the site. On many designs, this should not obstruct any of its elements, nevertheless we must be aware that this tavern is always there. Also remember a space of 20 pixels high between the toolbar and the start of the two columns.
The space off to the right and left of the posts is fluid and will can vary depending on the resolution and the size of the browser window. The particular is also significantly reduced out of the previous design. As an example, the latest browser window of 1280 300 in the previous design, there were nearly 251 pixels on each side of the posts of Twitter. In the fresh design, which is reduced that will 112 and 113 pixels respectively.
The Flickr sidebar on the right is now semi-opaque. All of the opacity is 75%, which means that depending on the color of your choice and color or style of your background graphic, may affect legibility.
The ray of the timeline on the kept is always 540 pixels wide, but the sidebar may differ. After a certain resolution (related to 1130 pixels), it becomes fixed at 5 hundred pixels wide, but on little screens or in smaller phone windows can be as 380 pixels.
Because of the way that columns are set, the background images are probably only going to consider if they are patterns or easy. Larger images are much better going to a solid color and not repeating itself.
Use Theme Tool integrated Twitter
Fantastic tool for COLOURlovers Themeleon has been up-to-date to the new Twitter. Will come your way the tool, either by means of going directly to the site, or by selecting from the sidebar Themeleon inside Design section of the Twitter website page setup.
You can access Twitter within the application and customize the colors and backgrounds on the fly. The benefit of this tool is that until you struck “save” any changes take effect. Consider this as a great way to test color combinations and different reasons.

COLOURlovers provides provided a number of themes pre-built by way of funds designated quality as well as color palettes, but you may upload your own background graphic and set your own color schemes. You may as well browse the large collection of designs COLOURlovers, and put in tile track record images. One of our favorite top features of this tool is that if you use the pre-built patterns, you can apply a color scheme tambi ncambia the color settings with the pattern.
COLOURlovers also has lots of color palettes to choose from and participate in. If you are already a member COLOURlovers, will come your way your own palettes or combinations you followed, or possess marked as “dear”. Is a complimentary community, given the difficulty of locating truly new color combinations in the creator of the theme, we recommend subscribing to possess as your own favorite plans.

Find your perfect color scheme
COLOURlovers is a great resource for lovers of color, but there are many of other great web site resources to get the perfect color combination.
We have seen on some of our favorite web tools trabajarcon color, nevertheless here are a few more:

Color Seeker – This site offers quite a few palettes from photos published to the site. You can also flick through the pallet and load your picture to find the perfect color scheme.
ColorCombos.com – This site includes a large list of color palettes brought to life by the user and can also examine combinations to see how certainly they work together.
PHOTOCOPA – PHOTOCOPA COLOURlovers is the one other tool and help you decide upon colors that are in an graphic. The good thing about this tool is that not just can you upload a photo, there’s also a link or picture as a result of Flickr. Once you find the colors and create your palette, you can save this to your COLOURlovers library to which will come your way the tool Themeleon.
Test your image resolution
Because the new design of Flickr is fluid, as matters look can vary depending on the size of the browser window. Muscle mass to check how your background or color scheme looks a number of screen sizes.

Fortunately, one can find extensions available free for all those major browsers that do re-size the browser window straight away.
Firesizer for Firefox – Firesizer is an easy add-on which is shown in the bottom status bar of Firefox. As well as are the current dimensions of the particular browser window, but hitting the mouse right in the resolution, it is possible to select the default browser sizing. Your window will change as soon as you decide upon your option. You can modify the extension to add your own pre-set different sizes.
ResizeMe Safari – ResizeMe lets you promptly resize your browser pane. It works as a toolbar press button and clicking on the press button you can automatically resize a selection of your choice or give you the replacement for select different sizes.
Chrome Resizer regarding Windows – This off shoot is shown in the Stainless- toolbar. Clicking the press button lets you select from a dropdown menu of different sizes or types of phone devices. You can customize the following list. It has a great dock and is really easy to use.
Consider it in PhotoShop
Many of the designers like to handle your funds or color schemes in Illustrator or other image editing software programs. We understand. While there are many of PSD files made for the earlier design of Twitter, we battled to find any PSD good for the ultra-modern Twitter.

We found the following collection of PSD files. Located in promises of 1024 768, 1280 800, 1440 Nine hundred, 1600 1080 1200.1920 and 1920 1200.
If you need a different variation, tell us inside comments and see what we does. The guides and the components are editable so you can customize all these files for your own use.

Provided for Svtopcomputer.com – apple repairmac repair