The new version of Template Shaker is finally here. It took really long time, mainly because I rewrote the whole tool twice in the last several months. No many new templates, but I finally added important new features…

Some of the news:

* CleanPage and UltraSimplicity templates rewritten. If you used these templates for your sites, you may want rebuild your site templates with the new versions to avoid the old menu code. In the old versions of these templates the pull-down menu was really ugly, with all these IE6 fixes. Now the menu uses other IE6 fix that doesn’t break the code.

* Menu Editor Added — Now you can edit the menus from the Shaker itself. This is the answer of the frequently asked question “how to edit menu structure”

* Two menu templates with bundled menu generator now added for “pro-version” customers only. This is the most useful “pro-version” improvement

* Several important fixes and improvements in the program itself (like open/save buttons, external IE preview…)

NOTE: Before installing the new version, please — uninstall the old version first! It should work if you just install the new version over the old one (at least it worked in my tests here), but it is always better to remove the old files first…

How to update?

If you are pro-version customer, just click “Get the new version” button to update your installation.

If you are using the free version — visit the product section of this site and get the new version from the download page: http://wonderwebware.com/templateshaker/

I receive this question relatively often: “how to center a menu generated with css menu generator”. Well, here are two examples – one for centering the menu on page and one for centering menu items. For both examples — I am using simple menu saved directly as xhtml file.

A) centering the menu on page

1) Put the menu in new DIV container (in this example – container class=”wrapper”):

<div class=”wrapper“>
<div class=”pd_menu_01 “>
<ul>
…
</ul>
</div>
</div>

2) in the css section, add this code to center the wrapper div:

.wrapper {
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

B) Centering the text of the menu items

To center the text of the menu sub-items, just change the following css code:

.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}

to:

.pd_menu_01 ul {list-style-type:none;padding:0; margin:0; text-align:center;}

It took me too long to complete the new version of this tool, but — finally — css Template Shaker 2.4 is available for download. One new template added, one modification of existing template (made after user request), several new and updated features (the most important addition is the visual image selector).