Css Website Templates. 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.

Transparent Vertical Menu

CSS code in acion:

Author: Free CSS Menus: www.freecssmenus.co.uk

Description: This vertical golf menu uses a simple PNG image to give some transparency so that the image behind can be seen. Creating a navigation menu such as this gives a sense of depth (foreground and background). It looks quite trendy but is really simple to produce.

The background image is of the famous golfer "Ben Hogan". He pioneered the famous golf swing and is still considered one of the greatest golfing legends of all time.

This menu works in all common browsers and is constructed with CSS and Xhtml only.

Category: Menu Vertical

Tested Browsers: AOL 9, Firefox 3.0.1, Opera 9.10, IE 7

Rate this script: Rating: 4.4 / 5
14 ratings.

Comments:

Comments
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.

Posted on: Tuesday 01 Jun, 2010
Comment from: Oscar

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

Posted on: Saturday 01 May, 2010

Read all Comments

Post Your Comments Post your comments!






Match Random Colour
Match Random Word!
Anti-Spam Image:
anti-spam image Match Image (3 letters then 1 number)

Note: Comments are checked before they are displayed.
Please read our Terms & Conditions before submitting any comments

Top of Page go back to top of page

More CSS related to this script:

Matt Cardle Vertical Menu Matt Cardle Vertical Menu. 2010 Xfactors Matt Cardle Menu. This vertical menu shows how a png image can be used to create a great looking feature to enhance your website. CSS World Map Rollover CSS World Map Rollover. I made the UK rollover map last year and thought that it was about time the internet had a descent CSS rollover world map... well here it is. Before I start getting emails, I know that this map is geologically inaccurate but it was the best map that I could find to use for this example. It is impossible to use the sliding doors technique with this example. To avoid slow down upon rollover you could use javascript to preload the images in the HEAD section of the code. Dark Blue Web Template Dark Blue Web Template. This simple website template took less than 30 minutes to put together. It is just a simple example of positioning div tags to get the required structure for your website. Once your website has got the required structure, it is then possible to experiment further with images and colours. CSS vertical numeric keypad CSS vertical numeric keypad. Stylish CSS vertical numeric keypad. How about this for a funky css navigation system. Not a single line of flash to be seen! Transparent Vertical Menu Transparent Vertical Menu. This vertical golf menu uses a simple PNG image to give some transparency so that the image behind can be seen. Creating a navigation menu such as this gives a sense of depth (foreground and background). It looks quite trendy but is really simple to produce. The background image is of the famous golfer "Ben Hogan". He pioneered the famous golf swing and is still considered one of the greatest golfing legends of all time. This menu works in all common browsers and is constructed with CSS and Xhtml only.

Top of Page go back to top of page

Editable Templates:

CSS Website Template: Machine City
CSS Website Template: Neon Light Club
CSS Website Template: Floral Patern
CSS Website Template: Yellow Aurora Borealis
CSS Website Template: Cool Pink Retro

Latest CSS:

Css3 Iphone Menu Pad
Creating an iphone app? how about this funky dark purple menu made in css3. Look ...
Added: Friday 24 Jun, 2011

Huge Expandable Horizontal Menu
You may be thinking that this menu was made with CSS3. Not the case! This menu w ...
Added: Monday 13 Jun, 2011

Matt Cardle Vertical Menu
2010 Xfactors Matt Cardle Menu. This vertical menu shows how a png image can be ...
Added: Saturday 16 Oct, 2010

Sleek 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

Top Rated:

Css rollover uk map te ...
Free rollover map of the Unite ...
Rating 4.3 / 5
4.3 / 5 - 53 Ratings

CSS World Map Rollover
I made the UK rollover map las ...
Rating 4.4 / 5
4.4 / 5 - 43 Ratings

Huge Expandable Horizo ...
You may be thinking that this ...
Rating 4.9 / 5
4.9 / 5 - 19 Ratings

Free Tabbed Navigation ...
Tabbed navigation menus improv ...
Rating 4.5 / 5
4.5 / 5 - 15 Ratings

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

CSS Tags:

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

Terms & Conditions | Site Map | Contact | asterix templateWebsite Template Builder | Free Templates | Free Wallpapers

W3c compliant (XHTML)    W3c Compliant (CSS)

Website Value    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: Saturday 04th of February 2012

free css design inspiration
What is CSS?