Custom graphics for Flexibility theme v1.02 and earlier

IMPORTANT! These graphics are for use with the older version of Flexibility Theme, as version 2.0 has similar graphics included with the theme. I’m keeping version 1.02 available for download since it is quite a bit different than version 2, and may appeal to some users. All information concerning the use of these graphics with Flexibility Theme pertains to versions PRIOR TO VERSION 2! So please don’t try to follow these instructions with the new version of the theme or you will be VERY confused!

Flexibility allows easy customization by simply replacing the images used in your blog. Images are categorized by (click to jump): Transparent Headers | Non-Transparent Headers | Header Spans | Repeating Backgrounds | Static Backgrounds | Search Boxes | RSS Feed Icons

How to use these images

To use the images, simply download the files and save them to your computer. Then, either unzip and upload the files via FTP to the Flexibility theme images directory or use the WP Easy Uploader plugin that is included in the theme zip file. If you use the included WP Easy Uploader, we have added the images directory as an upload option to make it easy to change theme files. When you upload a new image, make sure the “Overwrite existing files” is checked. The uploaded image will overwrite the existing image and can be previewed immediately.

Header graphics with transparency

These images allow the header background color to show through, so you can choose ANY color for your header, not just the colors shown. The header graphics are just the background effects and do not include the search box or RSS icon. Those can be downloaded below.

Download Fade

[download#17#size#nohits]

Download Burst Fade

[download#2#size#nohits]

Download Circles Fade

[download#3#size#nohits]

Download Confetti Fade

[download#4#size#nohits]

Download Cracks Fade

[download#5#size#nohits]

Download Diamond Halftone

[download#6#size#nohits]

Download Dots Fade

[download#7#size#nohits]

Download Floral Fade

[download#8#size#nohits]

Download Halftone Fade

[download#9#size#nohits]

Download Hallucination

[download#10#size#nohits]

Download Horizontal Line

[download#11#size#nohits]

Download Vertical Retro

[download#12#size#nohits]

Download Vertical Line Fade

[download#13#size#nohits]

Download Soft Diagonal Bars

[download#14#size#nohits]

Download Ripples

[download#15#size#nohits]

Download Mini Check Fade

[download#16#size#nohits]

Back to top

RSS Icons

Download any of these RSS icons, upload to your images directory and replace the RSS icon that comes with the theme. The backgrounds are transparent so the icons will work with any color header. Some icons courtesy of Bittbox and Smashing Magazine.

[download#18#size#nohits]
[download#19#size#nohits]
[download#20#size#nohits]
[download#21#size#nohits]
[download#22#size#nohits]
[download#23#size#nohits]
[download#24#size#nohits]
[download#25#size#nohits]
[download#26#size#nohits]
[download#27#size#nohits]
[download#28#size#nohits]
[download#29#size#nohits]
[download#30#size#nohits]
[download#31#size#nohits]
[download#32#size#nohits]
[download#33#size#nohits]
[download#34#size#nohits]

Back to top

Header span images

These images can be used for the header span image that is customizable within the theme. It will automatically repeat across the top of the page behind your blog. Upload the image into your images directory of your blog and put the file name including the extension in the theme option for the Header Span Background Image.

Semi-transparent PNG images

These images are transparent and will “tint” your background the color of the image. The gradation is 50% at the top to 0% at the bottom. The longer graphics are 600 pixels in height and the shorter ones are 300 pixels.

Download instructions: Righ click on any image and select “Save Picture As” or “Save Image As” and save the image to your computer.

Right click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save imageRight click and save image


Opaque header span images

These images are not transparent and work seamlessly with some of our header graphics. To create a full-width header look, set your blog top margin to 0 and your blog border width to 0. Then use one of the images below as your header span background image.

Fade Header span images

The following images work seamlessly with the Fade Header style (download above).

Download instructions: Left click on the image you want and download the image that appears in your browser. The hex color code on each graphic is the color you can use as your header background color to give it a seamless appearance. Use a black navigation bar background for the perfect look.

Click for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download imageClick for download image


Back to top

Repeating Background Images

These images can be used as repeating background images.

Download Instructions: Simply right click on any image and save to your computer. Then upload the file to your images directory and specify the full image name in the theme control panel for Blog Background Image.

To preview backgrounds, simply left click on any image.


Search Box Graphics

These images can be used to replace the default search box graphic. The blue background will be replaced with whatever color you have chosen for your header background. The examples shown use the Minicheck header background graphic to demonstrate the transparency included in each graphic.

Download Instructions: Download the zip file for the graphic you want and upload the search.png image to your images directory. It will overwrite the existing search graphic and be live immediately.

[download#36#size#nohits]

[download#37#size#nohits]

[download#38#size#nohits]

[download#39#size#nohits]

[download#40#size#nohits]

[download#41#size#nohits]

[download#42#size#nohits]

[download#43#size#nohits]

[download#44#size#nohits]

[download#45#size#nohits]

[download#46#size#nohits]
The image to the left should be used with the search box top margin set to 0 and looks best with a black blog border.

Back to top