In the following tutorial I will try to explain how to integrate menus created via the horizontal and vertical menu builder, but only for WordPress pages, not for categories or archives.

WordPress vertical page menu integration

The horizontal menus are for top level pages and the vertical menus are for sub-pages, but only the first level, since this is limited by the menu builders. Go to the demo blog I have created that showcases what we will try to achieve with this tutorial.

WordPress horizontal page menu integration

As you can see in these two images, its to look pretty good and if I am capable of explaining it well, you should be able to do this without breaking a sweat, though you might come to realise, that you have put to much confidence in my skills as a tutorial writer.

Anyway let’s get going.
Read the rest »

Pretentious title maybe, calling the menu builders for wonders, but if we can’t be pretentious to ourselves and the few how read what we write, then who can we be pretentious to?

Anyway, contrary to popular belief, yes the site is very popular and people have begun to believe great things about it, the menu builders do not use neither Flash nor Ajax or XHR or what ever it is called it now a days.

How do I know what people believe, you might ask, and I will tell you how, though you might already have figured it out. I read other peoples blogs, especially the ones that have posts about css menu builder. Some, of course, are in obscure languages that I have not yet mastered, but thanks to the wonderful Google Translate service, I am now able to get the big picture, so this is how I know.

But to get back to the point of this post, the mechanics are actually much simpler than using Flash, which by the way I suck at, or AjaXHR. I actually went with just changing the stylesheet everytime a setting in the menu builder is changed.

The earlier versions of the menu builders, which where never known to the world, used Ajax, but I didn’t feel it was clean enough, since it added styles inside the response. So when I started extracting the menu builders from my other projects, I remembered a stylesheet switcher script I had come across. The stylesheet switcher was written by Achim Mensching and though I changed a few things, all credits go to him for making my life so much easier and such a great little script. I had actually forgotten to write him in my Kudos section in the contact page and I apologize for this, if he should ever read this post.

The menu builders use javascript, in this case MooTools and code that I made for the site, the great MooRainbow as the color picker and the stylesheet switcher. Once the stylesheet is changed, it takes the variables passed to it and adds them to the background image, which is a PHP file that generates the images.

Ok, now that I am reading this it looks a little confusing and not that clear, but maybe that’s only because it is late, anyway I hope you get the picture.

So I hope, by explaining the simple mechanics, this can help others in getting ideas for new and cool (maybe even free) tools for the web.

yes you guessed it, this also uses images from the horizontal css menu builder, actually it uses the exact same images as the earlier example that used MooTools as the javascript library. That’s the definition of laziness for you!

If you are using the MooTools version or read that post or have not had problems in browsers with that version or are never going to use these javascript tab menus, then there is really no point in reading the rest of this post. On the other hand, if you love reading about this stuff, please be my guest and read the rest of the post.
Read the rest »

In this small tutorial I will try to explain, to the best of my abilities, how to implement a menu built via one of the sites builders, into your site.

If you already know how to do this, there is really no point in reading the rest of this post, but if you on the other hand are a bit uncertain about how to proceed, then maybe this post might help you a bit.

Read the rest »