Home » Tips & Tricks: Design

Create Your Own CSS Menu In 3 Steps

Posted By: Sunday 13 July 2008 6 Comments

Some months ago while I was searching for the right CSS menu for my blog I came across List-O-Matic. List-O-Matic enables you to generate CSS-styled navigation menu’s in three very easy steps. First you have to choose how many links you want your menu to have and if you want to include title attributes in links. When you’ve make your selection you can enter the link details. After this step you can choose one of the 17 pre made designs which suits your website or blog. Don’t mind the colors of the pre made designs as you can change the colors later. When you’ve chosen your design you’ll get the codes which you need for your website or blog.
As you can see this is very easy to use and a great tool for those who want to have a nice CSS menu but don’t know how they can create there own! :wink: Click here to make your own CSS menu.

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed and I'll deliver the future articles to your feed reader.
Behrad

About Behrad:

I'm 29 years "old", married to Jannie and about to be a daddy! We live happily in Eindhoven, The Netherlands.
In 2006 I started BioTecK.net just to show/share my portfolio. After a while I started to blog about my experiences and stuff I do in my life, my interests; computers & computer related stuff, tips & tricks and basically everything which I want to share.
Read more about me, follow me on Twitter @BioTecK or contact me .

6 Comments so far, be the next one! »

  1. sailor says:

    I have found this before and it is very handy. The code generated by this generator is also quite good. If this code is used as an example most folk will be able to make their own menus the next time around.

    sailors last blog post..Fixed Font Sizes

  2. BioTecK says:

    Jep.. That’s what I thought too Sailor.
    About the codes…The codes are good indeed, cause at that time I really didn’t understand much of CSS but when I saw the codes I could fully understand them and was able to edit them! :D

  3. TechNetz.com says:

    Thanx for the link.. Now its easier for me to tweak my wp-themes :grin:

    TechNetz.coms last blog post..Classic Italian riders (Skillful than Mat Rempit lol)

  4. BioTecK says:

    Glad you like it TechNetz.com!
    I have some more links where you can create your own CSS menu very easy, I’ll post them in the near future! :wink:

  5. thanks! i’ve been thinking that i should get something like that, so this is very timely.

  6. BioTecK says:

    Creating and editing those CSS menus are very easy Isabella Mori! :)
    I’m glad that you liked it and that it was a good help to you!:D

Leave a Reply

All line breaks and paragraphs will be generated automatically.
BioTecK.net is a Gravatar-enabled blog. To get your own avatar, please register at Gravatar.
You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notify me of followup comments via e-mail. You can also subscribe without commenting.