Wednesday, 25 December 2013
MENU EXAMPLES 1


<html>
<head>
<style type="text/css">
.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-container{padding:12px 0 0 0;position:relative;height:38px;z-index:400;float:left}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#555454;padding:12px 15px;text-decoration:none;text-transform:uppercase;font:normal 11px Arial,Helvetica,Sans-serif}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#017DB0;outline:0}
.menu-primary li li a{color:#fff;text-transform:none;background:#017DB0;padding:10px 15px;margin:0;border:0;font-weight:normal}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#2291BF;outline:0;border-bottom:0;text-decoration:none}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:11px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdFJ5veQNRcgVFKeUj7VYpp0LqfL2VVf0efkhEGukQRW3YpmfQarwZYMd7bN7GMLlzLLuL3QjG_eAZl8kytroc17mz1NT_TJNaeqMQjVf94vgcIcR9A-dACTZvkfnLtQk5M-2HmT0EsD6/s0/menu-primary-shadow.png') no-repeat bottom right}
.menu-secondary-container{position:relative;height:36px;z-index:300;padding-left:12px;background:url(https://lh5.googleusercontent.com/-lwiuhPqB03I/USHXWL-HzOI/AAAAAAAAErM/2BAEOWMxCSg/s172/menu-secondary-bg-1.png) left top repeat-x;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:1px solid #2092C0}
.menu-secondary-container a:hover{position:relative;height:13px;z-index:300;padding-left:12px;background:url(https://lh5.googleusercontent.com/-XICMiEP4Mfc/USHwN1-I4pI/AAAAAAAAErc/gfxDNFNsXFc/s172/menu-secondary-bg-1.png) left top repeat-x;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #fff}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#FFF;padding:12px 15px 10px 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-s#000econdary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:url(https://lh3.googleusercontent.com/-Ol4OU70ee9U/USHWpEDBIuI/AAAAAAAAErA/pkVEq9LkGlg/s172/bg-2.png) left -136px repeat-x;outline:0}
.menu-secondary li li a{color:#FFF;background:#000;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#FFF;background:#26ABE3;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:10px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEzHJDZPNjIhnoduwt-8d2_PgHUGNcuFUAbzaHf7f5mu8POv-vzy82YzIJEECMCtsSSv6VvA6swPEO-wXAOUamH4LbcOfdXSE2-EWe-f6EoHOD-ZJZwRg_asSHO7vfiSZ6jcRGdgMucTh/s0/menu-secondary-shadow.png') no-repeat bottom right}
</style>
</head>
<body>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href=''>Home</a></li>
<li><a href=''>Social</a>
<ul class='children'>
<li><a href=''>Facebook</a></li>
<li><a href=''>Twitter</a></li>
<li><a href=''>Google Plus</a></li>
<li><a href=''>RSS Feed</a></li>
</ul>
</li>
<li><a href=''>Blogger Widgets</a>
<ul class='children'>
<li><a href=''>CSS</a></li>
<li><a href=''>Labels</a></li>
<li><a href=''>HTML</a></li>
<li><a href=''>Translator</a></li>
<li><a href=''>Subscribe</a>
</li>
</ul>
</li>
<li><a href=''>Blogger Tips</a></li>
<li><a href=''>SEO</a>
</li>
<li><a href=''>Tools</a></li>
</ul>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------
MENU USE IMAGES
-------------------------------------------------------------------------------------------------
Related movie you might like to see :

TEXT COMPARE OR DUPLI TEXT FINDER

RELATED POST WIDGET LIST WITHOUT TH...

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME

GOOGLE FILTER BUTTON IN IMAGE SEARC...

POST DATE THUMBNAIL IN BLOG

POST DATE HEADER IN BLOG

Direct Link Generator CODE

Direct Links to your Files on Googl...

HTML SYNTAX HIGHLIGHTER

ON LINE JAVA LIBRARY

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
?
+
X
Recommended for you
Loading..
Related Post for MENU EXAMPLES 1
JAVA FILE MAKE & SAVE IN NOTE PAD CLICK AND OPEN NOTE PAD IN WNDOW MENU BAR -------------------------------------------------------------------------------------------------------- COPYā¦
BOOTSNIPP LOGIN SIGNUP FORM ----------------------------------------------------------------------------------------------------------- READ MORE: http://bootsnipp.com/tags/login http://bootsnipp.com/sā¦
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST --------------------------------------------------------------------------------------------------------------------- NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST https://ā¦
DRAG AND DROP WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspā¦
IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nbā¦
NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CTā¦
MULTI COLOR LABEL CLOUD WIDGET ---------------------------------------------------------------------------------------------------- Read More: http://fbgadgets.blogspot.co.uk/2014/06/label-widget-rainbowmuā¦
RELATED POST WIDGET LIST WITHOUT THUMBNAIL ------------------------------------------------------------------------------------------------------- FIND HEAD </head> TAG AND PASTE BELOW CODE WHEN Wā¦
BUTTON CHANGE INTO DROPDOWN MENU ----------------------------------------------------------------------------------------------------------------- DIV TAG DROPDOWN MENU https://www.youtube.com/watcā¦
DROP DOWN MENU EXAMPLES --------------------------------------------------------------------------------------- USE THIS CODE short code css menu Different Color for Menu Tabs ----------------------ā¦
Bread Crumb Navigation Menu Guardian Style --------------------------------------------------------------------------------- CODE BELOW ---------------------------------------------------------------------------------ā¦
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------ā¦
SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More: 3:30 PDF HTML IMAGE CONVERTER HDā¦
MULTI COLOR -------------------------------------------------------------------------------------------------------------- Colors in alphabetical order A-F https://en.wikipedia.org/wiki/Liā¦
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------ā¦
Labels:
M
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.