Skip to main content

Css Menu | Online Service

Overview:
CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This menu works perfectly well with Firefox, Opera, Chrome and Safari. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. CSS3 transitions could one day replace all the fancy jQuery animation tricks people use.

Knowledge Require:
Just few clicks required to make a menu how it looks like and how you manage it go a head and visit the site and make a free cool menu for your websites.

Menu Features

  •  No Javascript is required
    Works in browsers with disabled Javascript or if a browser has no Javascript support at all.
  •  Cool CSS3 properties
    Multi-level dropdown menu is created using CSS3 rounded corners (CSS3 border-radius), CSS3 shadow (box-shadow and css3 text-shadow).
    Opacity, backround and font colors, linear gradient and radial CSS3 gradient are also supported.
    CSS3 only effect for dropdown appearance, Fade,Slide, etc.
  •  Mega Menu with Multicolumn Submenus
    Create Mega Menu with multicolumn submenus. Specify the number of rows you want to have.
  •  SEO friendly
    Search engines and text-only browsers friendly.
  •  100% CSS-driven designs
    The menu is based on HTML list of links (UL/LI structure) and CSS only. No additional non-css params are used.
  •  Small size
    Immediate loading of the menu. Doesn't use additional files.
  •  Browser support
    Supports all modern browsers (in IE6 top-level items are accessible only).
  •  Supported Devices
    Supports all modern devices (iPhone, iPad, Android, BlackBerry, Windows Phone).
  •  GUI interface
    Visual design user interface allows you to create your menus without the need for complex hand coding. Use the preview window to view your menu design while you are developing and customizing.
 Samples:
* New vertical menu templates : Blocks, Modern, Elegant, Point, Charge (live demo):

Blocks Green Fodder Vertical     Modern Blue Vertical     Elehant Dark Verical       Point Red Vertical      Charge Gold Vertical     
 


if you need any help then do comment below

Comments

Popular posts from this blog

Manipulating WW2 Fire AirCraft

In this tutorial we will be learning some indispensable techniques to use for any type of photo-manipulation. We will be doing this by taking a photograph of a model plane and editing it to to look like a photograph of a WW2 spitfire which has just been shot down and is on fire. The techniques used here are the same for any type of 'destruction' photo-manipulation. Below is the link you will learn how to create. In the second part of this tutorial we will go on to use this image in a movie poster/DVD cover design View Tutorial

Simple Hit counter

A hit counter will let us know how many times a page is accessed. Incase one visitors loads the page several times, the hit counter willincrease several times (but this is likely to happen only a few times). The code for the hit counter bellow will save the number of hits in afile named counter.txt (the name of this file may be changed). Each time the page is loaded,the file will be read, the number will be increased by one and the newnumber will be saved to the same file. Counter.php <?php //The file where number of hits will be saved; name may be changed;p.e. "/counter_files/counter1.txt" $counterfile = " counter.txt "; // Opening the file; number of hit is stored in variable $hits $fp = fopen($counterfile,"r"); $hits = fgets($fp,100); fclose($fp); //increading number of hits $hits ++; //saving number of hits $fp = fopen($counterfile,"w"); fputs($fp, $hits ); fclose($fp); //printing  hits; you may remove next lin...

Italics in Html

The italics tags use to highlight the fonts but not like bold it makes your font just like dance a step. These tags are not intended to to style your font. It's use to emphasize your fonts. Code: Italic <i>tag</i>! <em>Emphasized</em> Text! Example: Italic tag ! Emphasized Text! Code: <b>HTML</b> <i>Hyper Text Markup Language</i>  or <b>HTML</b> <em>Hyper Text Markup Language</em> Example: HTML Hyper Text Markup Language or HTML Hyper Text Markup Language Code: <p>Johnson is <b><i>DR.</i></b></p> Example: Johnson is DR.