Free Css Menus. Online resource for Css menus, buttons, website templates and image rollover animations. Our free online menu generators and web template builder will help you design your websites with ease.

Comments:

 

Comments
Comment Icon Comment from: Free Web Templates

Great horizontal menu template.

CSS Script Page: Diagonal Horizontal Blue Menu

Date posted: Wednesday 21 Jul, 2010
Comment Icon Comment from: Ann

Thanks for information!

CSS Script Page: Free CSS Opacity Transparency Menu Watermark on an image

Date posted: Friday 16 Jul, 2010
Comment Icon Comment from: Uk Maps

Great UK map template. The colour purple looks quite funky over the United Kingdom!

CSS Script Page: Css rollover uk map

Date posted: Tuesday 01 Jun, 2010
Comment Icon Comment from: Hogan Fan

The Hogan Slam.. 5 out of 6 major golfing tournaments in 1953 including Carnoustie in Scotland. We love you Ben!!!

Great Website Menu Template. Many thanks freecssmenus.

CSS Script Page: Transparent Vertical Menu

Date posted: Tuesday 01 Jun, 2010
Comment Icon Comment from: Glenn

One of the things that frustrates me with these things is calculating the top/left coordinates. I do it through trial and error. Is there a way to do it more efficiently ?

By the way, to reduce some of the headaches of trying to duplicate hover effects in IE - use an XHTML strict doctype.

CSS Script Page: Css rollover uk map

Date posted: Thursday 20 May, 2010
Comment Icon Comment from: CSS Wondering Alot

Physically blinding website whereby using CSS, you can define colours, backgrounds, borders, margins, alignment, fonts, sizes and loads of other things for almost any part of your web pages. This website rocks, thanks for sharing all of your ideas with us.

CSS Script Page: Vertical Blog Menu

Date posted: Monday 10 May, 2010
Comment Icon Comment from: Oscar

Ben hogan is an absolute Legend! I love the way this classic photograph has been changed in poster art. Nice!

CSS Script Page: Transparent Vertical Menu

Date posted: Saturday 01 May, 2010
Comment Icon Comment from: Erdogan

Great job m8. And thanx a lot for sharing.

CSS Script Page: Red Horizontal Tabbed Menu

Date posted: Friday 23 Apr, 2010
Comment Icon Comment from: Php Coder

When is CSS 3 going to get full support from all browsers. Its been around for ages. Get it sorted!

CSS Script Page: css3 Border Radius

Date posted: Monday 12 Apr, 2010
Comment Icon Comment from: css designer

Great looking photo gallery template!

CSS Script Page: Free CSS Photo Gallery

Date posted: Saturday 10 Apr, 2010
Comment Icon Comment from: John (webmaster)

The rollovers are basic hyperlinks, so once clicked can take you to any info page of your choice. If you want info on the uk to apper as a pop-up whilst hovering(mouseover)then I will have to spend a little time coding this for a future addition to the site.

Keep coming back to look!

CSS Script Page: Css rollover uk map

Date posted: Monday 05 Apr, 2010
Comment Icon Comment from: TS

This is really a great effect, that I'd like to make use of. Is there anyway to make the areas that appears on rollover link to various other pages? (Like an info page on Wales, one on England, etc..) Thanks so much.

CSS Script Page: Css rollover uk map

Date posted: Sunday 04 Apr, 2010
Comment Icon Comment from: John

Andy

This example is just using the html shown. The CSS code gives each part of the html some rules to follow. Each hyperlink has had its position, size and background image formatted to form part of the uk map. Finally we add a hover state in the CSS code which makes a new background image appear (when mouseover)to create an animation or hover effect

You MUST use all the CSS, Html and images to make the effect work.
Good Luck... John

CSS Script Page: Css rollover uk map

Date posted: Wednesday 24 Mar, 2010
Comment Icon Comment from: Andy

Hi,
Thanks for your reply - can you confirm that the only HTML required for this UK rollover map is just an hyperlink? Is your version using coordinates in an image map to determine which areas have clickthroughs?

Thanks again!
Andy

CSS Script Page: Css rollover uk map

Date posted: Tuesday 23 Mar, 2010
Comment Icon Comment from: Free Links

Great Menu

CSS Script Page: Curved Horizontal Menu

Date posted: Monday 22 Mar, 2010
Comment Icon Comment from: John

Just change the text-indent in the css code to something like: -999px. This should move the text off screen and out of eye shot.

CSS Script Page: Css rollover uk map

Date posted: Monday 22 Mar, 2010
Comment Icon Comment from: Andy

Hi,
This is just what I've been trying to do for ages! One quick question (I'm still fairly new to HTML/CSS) but when I view the HTML all I can see is the code for the <ul> (i.e. text next to the regions). I don't want text next to the regions on my version - therefore what is the HTML code for applying the CSS? Sorry and thanks!

CSS Script Page: Css rollover uk map

Date posted: Monday 22 Mar, 2010
Comment Icon Comment from: sarwojowo

nice, thanks friends

CSS Script Page: Rating script like on YouTube

Date posted: Sunday 21 Mar, 2010
Comment Icon Comment from: Digital CSS Styler

Its a bit basic, but its something to work with for now. Thanks.

CSS Script Page: Rating script like on YouTube

Date posted: Sunday 21 Mar, 2010
Comment Icon Comment from: Photo Print Gallery

Can you upload more photo gallery examples, please?

CSS Script Page: Free CSS Photo Gallery

Date posted: Saturday 13 Mar, 2010
Comment Icon Comment from: Martin

nice clean xhtml design.

CSS Script Page: Vertical Blog Menu

Date posted: Thursday 11 Mar, 2010
Comment Icon Comment from: Niels

Is it possible to get a psd-file for the world map?

CSS Script Page: CSS World Map Rollover

Date posted: Thursday 04 Mar, 2010
Comment Icon Comment from: Simon

Ive tried this effect using stylesheets but given up due to compatability... this seems to work cross browser though. Many Thanks

CSS Script Page: CSS World Map Rollover

Date posted: Friday 19 Feb, 2010
Comment Icon Comment from: Suzanete

Great web design for blog navigation.

CSS Script Page: Vertical Blog Menu

Date posted: Monday 08 Feb, 2010
Comment Icon Comment from: WebTemplates

Great css xhtml template!

CSS Script Page: Vertical Blog Menu

Date posted: Sunday 31 Jan, 2010
Comment Icon Comment from: John

This is an amazingly fresh and original CSS layout.

CSS Script Page: CSS vertical numeric keypad

Date posted: Wednesday 27 Jan, 2010
Comment Icon Comment from: Zhanna

Remarkable menu. Thank you!

CSS Script Page: Css rollover uk map

Date posted: Tuesday 26 Jan, 2010
Comment Icon Comment from: likbez

Great. I would like to see more designs using opacity.

CSS Script Page: Free CSS Opacity Transparency Menu Watermark on an image

Date posted: Sunday 24 Jan, 2010
Comment Icon Comment from: Wee man

Great CSS world map

CSS Script Page: CSS World Map Rollover

Date posted: Saturday 23 Jan, 2010
Comment Icon Comment from: Cash for gold

A fantastic looking tabbed menu showing all states of a hyperlink. Thanks for the great freebies!

CSS Script Page: Blue Tabbed Horizontal Navigation

Date posted: Thursday 31 Dec, 2009
Comment Icon Comment from: Hinke

Thanks for this excellent script. Saved me a lot of time !!!

CSS Script Page: Rating script like on YouTube

Date posted: Thursday 17 Dec, 2009
Comment Icon Comment from: Caroline Bishop

These examples go way beyond the tutorials at W3C schools. You have given me some great inspiration!

Many Thanks

CSS Script Page: Css rollover uk map

Date posted: Friday 13 Nov, 2009
Comment Icon Comment from: DreamWeaver

can I use this css code in dreamweaver?

CSS Script Page: Vertical Blog Menu

Date posted: Thursday 29 Oct, 2009
Comment Icon Comment from: Mark Young

I haven't implemented these menus on my site yet, but I will be.

So easy to undersatand and so simple to use!

Great job.

CSS Script Page: Large Green Css Horizontal Menu

Date posted: Monday 26 Oct, 2009
Comment Icon Comment from: Sam

Ive tried in both firefox and ie to no prevail. I've basically tried to add more regions to the map and i cant figure out how to code where they should display upon rollover, obviously once i get the original map to show first.

CSS Script Page: Css rollover uk map

Date posted: Friday 16 Oct, 2009
Comment Icon Comment from: John

What browser are you trying to view the map in?

CSS Script Page: Css rollover uk map

Date posted: Friday 09 Oct, 2009
Comment Icon Comment from: Sam

I have tried to use a variant of this map & code but i cannot get it to work even when using your code. For some reason the initial map does not display and the rollover images will not line up properly. For testing purposes i have told the html to draw its css by using this "<style type="text/css">@import url(css.txt);</style>" How did you figure out where the rollover images should display? How would i make the initial map show? Thanks

CSS Script Page: Css rollover uk map

Date posted: Wednesday 07 Oct, 2009
Comment Icon Comment from: dofollow blog

Nice css chrome menu. Very Shiney!

A metal effect gives a nice finish to a navigation menu!

CSS Script Page: Chrome Horizontal Menu

Date posted: Tuesday 01 Sep, 2009
Comment Icon Comment from: E Gadget

Ive been trying to come up with something similar for ages. Top Job!

CSS Script Page: Curved Horizontal Menu

Date posted: Tuesday 01 Sep, 2009
Comment Icon Comment from: Roy

Cool Menu!!!

CSS Script Page: Green Tabbed Horizontal Menu

Date posted: Wednesday 26 Aug, 2009
Comment Icon Comment from: Sarah. F

I love this snazzy menu.

CSS Script Page: Purple Tabbed Horizontal Menu

Date posted: Sunday 23 Aug, 2009
Comment Icon Comment from: J . Morgan

A website full of css magic.

CSS Script Page: Image Rollover Solar System

Date posted: Saturday 15 Aug, 2009
Comment Icon Comment from: Zed

This is a seriously tasty css script. Every horizontal menu I have ever seen (built with xhtml and css)has verticle lines dividing each link. Diagonal lines looks far cooler. I like the way you have used the z-index to its full capability here, without it, I dont think this effect would have been possible. Found some more css goodies in the link above.
Many Thanks !!!!!

CSS Script Page: Diagonal Horizontal Green Menu

Date posted: Wednesday 12 Aug, 2009
Comment Icon Comment from: Aaron

Found this website from the url above. Love the designs. Great css horizontal menus also.


CSS Script Page: Free Big Css Button The Sliding doors technique

Date posted: Tuesday 11 Aug, 2009
Comment Icon Comment from: John

Yes, you can use any of our css scripts for free! Just make sure that you keep the credits intact!

CSS Script Page: Textured CSS Vertical Menu

Date posted: Saturday 08 Aug, 2009
Comment Icon Comment from: mo ahmed

Amazing site. Great Stuff.

I hope that I can use these in the my sites ?

thanks
ma

CSS Script Page: Textured CSS Vertical Menu

Date posted: Friday 07 Aug, 2009
Comment Icon Comment from: Richard T

Thanks for all the free designs.

CSS Script Page: Green Css Button

Date posted: Monday 20 Jul, 2009
Comment Icon Comment from: Jay

Thats a snazzy looking tabbed menu ! Thanks, I will be back later for more css freebies!


CSS Script Page: Green Tabbed Horizontal Menu

Date posted: Sunday 28 Jun, 2009
Comment Icon Comment from: Martian Dreamz

Hey, this is just what Im looking for. Ive got some great PNG designs which I am going to play around with using this opacity/css technique. Fab!

CSS Script Page: Free CSS Opacity Transparency Menu Watermark on an image

Date posted: Friday 19 Jun, 2009
Comment Icon Comment from: Buzz

Rollover world map that aint javascript or flash - about time !

CSS Script Page: CSS World Map Rollover

Date posted: Thursday 11 Jun, 2009
Comment Icon Comment from: M D design

I`m liking the dropdown menu. Even more so, I`m liking the Shadow boxer exercise thing. Great website. Great web design. Keep em coming!

CSS Script Page: Horizontal Blue Drop Down Menu

Date posted: Saturday 23 May, 2009
Comment Icon Comment from: mariana

Wow! Didnt realise that this kind of effect was achievable with CSS. I found this page ranked no 1 with google for rollover world map. It looks and works great! There are some great other css effects on this site, well worth surfing! Try Divine CSS for more great css resources.

CSS Script Page: CSS World Map Rollover

Date posted: Saturday 23 May, 2009
Comment Icon Comment from: mariana

Thats alot of DIV Tags but the result is sweet. 5 Stars! Looking forward to some more examples of borders with CSS.

CSS Script Page: Curved white css borders

Date posted: Saturday 23 May, 2009
Comment Icon Comment from: ed

Bout time, a free menu creator that I can understand.

CSS Script Page: Free Horizontal Menu Generator

Date posted: Tuesday 19 May, 2009
Comment Icon Comment from: Mike D

There are some nice buttons on this website. These green buttons stand out on a plain white background quite nicely. They would make a nice submit button for a form. Gucci!

CSS Script Page: Green Css Button

Date posted: Sunday 12 Apr, 2009
Comment Icon Comment from: Geraldi - CSS Flump

Interesting CSS animation. Not the best, but can be used to create a great animation effect! Bonus !

CSS Script Page: Free CSS Animation with Green Ball

Date posted: Sunday 12 Apr, 2009
Comment Icon Comment from: John

The new Free CSS Horizontal Menu Generator has arrived. Use this Free utility to create some great looking horizontal menus!!!

CSS Script Page: Free Horizontal Menu Generator

Date posted: Thursday 26 Mar, 2009
Comment Icon Comment from: Aaron

This menu generator is so simple to use compared to other menu generators on the internet. The code is clean CSS as well! Great!

CSS Script Page: Free Vertical Menu Generator

Date posted: Wednesday 11 Mar, 2009
Comment Icon Comment from: Terry

I Love these type of buttons. Orange is a great colour to stand out on a white page. There are some interesting designs on this website :)

CSS Script Page: Orange CSS Button

Date posted: Wednesday 04 Mar, 2009
Comment Icon Comment from: css-nerd

Thats some fine css! Most css horizontal menus(with non-vertical edges) do not have a descent rollover/hover effect. I like this ! 5 stars !

CSS Script Page: Diagonal Horizontal Blue Menu

Date posted: Friday 13 Feb, 2009

Top of Page go back to top of page

Top of Page go back to top of page

Latest CSS:

Sleak Drop-down Menu
A great example of what css can be used to create. This free download from PSDGR ...
Added: Friday 13 Aug, 2010

Bright Yellow Vertical Menu
If your website is bright and sunny then add this vertical menu to give it a spl ...
Added: Tuesday 15 Jun, 2010

Transparent Vertical Menu
This vertical golf menu uses a simple PNG image to give some transparency so tha ...
Added: Saturday 17 Apr, 2010

css3 Border Radius
CSS Border radius achievable with CSS3. I do love the idea of creating corner ...
Added: Tuesday 06 Apr, 2010

Animated navigation menu
Great animated vertical menu. Our first submission by one of our visitors. Top M ...
Added: Monday 15 Feb, 2010

Top Rated:

Css rollover uk map
Free rollover map of the Unite ...
Rating 4.2 / 5
4.2 / 5 - 44 Ratings

Transparent Vertical M ...
This vertical golf menu uses a ...
Rating 5 / 5
5 / 5 - 10 Ratings

Free Tabbed Navigation ...
Tabbed navigation menus improv ...
Rating 4.4 / 5
4.4 / 5 - 9 Ratings

Image Rollover Solar S ...
This example of css uses one m ...
Rating 4.9 / 5
4.9 / 5 - 7 Ratings

Expandable Horizontal ...
Have the CSS buffs wondering h ...
Rating 4.6 / 5
4.6 / 5 - 5 Ratings

CSS Tags:

Border Url Z-index List Light Style Css Solar System Float Blue Navigation Cascading Sliding Doors Menu Rating Style Sheets Css3 Chrome Dark Border-radius Rounded Texture Font Menu Drop Down Cyan Css Vertical Icon Grey Flash Transparency Orange Watermark Opacity Colour Rollover Forms Expandable Design Image Alignment Width Png Script Button 3d Metal Tabbed Yellow Animation Centering Gold Text-decoration Tutorials Display Horizontal Background Templates Text Photo Gallery Purple Hover Positioning Blog Green Website Template Hypertext Pink Red Block Corner Color Depth
Follow us on Twitter!

Terms & Conditions | Site Map | Contact | Website Template Builder

W3c compliant (XHTML)    W3c Compliant (CSS)

CSS (Design) - TOP.ORG   Web Design    Web Design Blogs

Css is one of the main ingredients for a User-friendly, Accessible website.
A good web designer should make every effort not to discriminate against those with disabilities.

Thank-you for visiting Free CSS Menus today: Friday 03rd of September 2010

css navigation menus and buttons