Modern & Easy customizable.
Options: Widgets | Menus | Background
Tags: dark, black, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, custom-background, sticky-post
WordPress 3.0 +, IE7, IE8, IE9, Chrome, Mozilla, Opera, Safari – XHTML, CSS 3 Valid
When designing web pages this is a most important of designer work. This is the best choice sets of colors that do not interfere with work and generally pleasant. Colors are what you notice on the web first, streamline the structure and navigation, and help identify the purpose of the site.
Development of graphical model for the cutting
Choice of layout Download some themes similar to the layout and color range of your imagination. Get Inspired by different themes, combine their capabilities. For 800x600px layout will be good to use active elements in width 750px – 760px and 960px for 1024x768px choose.
Prepare Cuts in Illustrator, Photoshop
Right in the tool palette it is a new in version 7.0 (Photoshop) present Slice tool (“slices”) known from a separate program bundled with Photoshop called ImageReady. With Slice (“slices”) can be file (often a web page) sliced and then cut to save as an HTML file with a set of given images. If you do compose page ready for output to the web, Illustrator, Photoshop and ImageReady provide a tool to divide the page design section for each area and for them to independently determine the compression set (and achieve smaller file sizes – Optimization for the Web).
Photoshop Template for the Default Theme
We got on the clarity of the standard theme supplied in the installation package, it is the Kubrick theme.
Water Only Dries » Blog Archive » Photoshop Template for the Default Theme
Black Phire – Illustrator template
So for our theme we go to width 960px, we add some slices so we had more output files, such as upside.gif downside.gif for navigation, widesidebox.gif for topbox widget, sidebox.gif for left and right widgets.. etc..
Save for Web
If you do compose page ready for output to the web, Illustrator, Photoshop and ImageReady provide a tool to divide the page design section for each area and for them to independently determine the compression set (and achieve smaller file sizes – Optimization for the Web). Go to Save for Web & Devices.. click Save and choose Save as type: HTML and Images.
This part need that you know XHTML, PHP, CSS. WordPress Codex can help you most. See some screenshots of main theme files such a header.php, index.php, sidbear.php and footer.php. More you can find right in theme folder.
WordPress › Theme-Check « WordPress Plugins – The theme check plugin is an easy way to test your theme and make sure it’s up to spec with the latest theme review standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions.
And there is final theme. Hope you will like it :-) If you have any suggestions, feel free to share them in the comments area. Enjoy :-)