Click here to Skip to main content
Click here to Skip to main content

Handy XP Style Menu

, 31 Oct 2003 CPOL
Rate this:
Please Sign up or sign in to vote.
This is a pretty menu in XP style. Easy to setup, highly customizable.

Sample Image - leftmenu.jpg

Introduction

This is a pretty menu in XP style. Its is easy to setup and highly customizable. If you find it useful, please vote for me!!! See a working demo here.

The Frames page

<html>
<head>
<title>Left Menu</title>
</head>
 
    <frameset framespacing="0" border="false" frameborder="0" cols="170,*">
   <frame name="menu" src="leftmenu.htm" frameborder="0" marginwidth="0" 
           marginheight="0" framespacing="0" scrolling="no" noresize>
   <frame name="master" src="master.htm" frameborder="0" marginwidth="0" 
           marginheight="0" framespacing="0" scrolling="no" noresize>
    </frameset>
 
 <noframes>
    <body bgcolor="#FFFFFF">
    <br><br><center>
    <h1>No Frames!</h1>
    <h4>No frames in your browser!</h4>
    </center></body>
 </noframes>
</frameset>

</html>

The Target page

<html>
<head>
    <title>Left Menu</title>
    <link rel='stylesheet' href='leftmenu.css'>
</head>

    <body leftmargin="0" topmargin="0" marginwidth="0" 
                        marginheight="0" bgcolor="#ffffff">
        
        <table border=0 cellpadding='10' cellspacing=0><tr><td>

        This is the Target frame (master).
        <p><hr>
        Please visit my website: 
          <a href='http://www.industriavirtual.com.br' 
          target='_blank'>http://www.industriavirtual.com.br</a>
          
        <br>And don't forget to vote me!!!
        <br>Marcelo Franco.
        
        </td></tr></table>
    
        </body>
</html>

The Menu page

<html>
<head>
    <meta http-equiv='page-enter' content='blendtrans(duration=0.1)'>
    <script language="'javascript'" src='leftmenu.js'></script>
    <link href='leftmenu.css' type='text/css' rel='stylesheet'>
    
    <base target='master'>
</head>
<body bgcolor='#ffffff' marginheight='0' marginwidth='0' 
                                topmargin='0' leftmargin='0'>
<table border='1' cellpadding='0' cellspacing='0' width='100%' 
                      height='100%'><tr><td valign='top'>
    <table border='0' cellspacing='1' cellpadding='0' width='100%' 
                     height='100%' bgcolor='#f1f1ed'><tr><td valign='top'>
    
    <div id='masterdiv'>
    
        <div class='menu' onclick="SwitchMenu('sub1')">
            <img style='vertical-align: middle' width=20 height=20 
            src='icons/txtmenu.gif' border=0 hspace=3>Text Folders</div>
            
            <span class='options' id='sub1'>
                <div class='option' 
                       onmouseover="this.style.background='#D8E4F8'" 
                       onmouseout="this.style.background='#f5f5f5'">
                <a href='http://www.google.com'>
                      <img style='vertical-align: middle' 
                      width=16 height=16 src='icons/txtfolder.gif' border=0 
                      hspace=3>Text Links</a></div>
    
                <div class='option' 
                     onmouseover="this.style.background='#D8E4F8'" 
                     onmouseout="this.style.background='#f5f5f5'">
<a href='http://www.industriavirtual.com.br/master.asp?code=webpacks&subcode=basico'>
                  <img style='vertical-align: middle' width=16 
                  height=16 src='icons/txtfolder.gif' 
                  border=0 hspace=3>Text Links</a></div>
    
                <div class='option' 
                      onmouseover="this.style.background='#D8E4F8'" 
                      onmouseout="this.style.background='#f5f5f5'">
                <a href='http://www.google.com'>
                    <img style='vertical-align: middle' width=16 
                    height=16 src='icons/txtfolder.gif' border=0 
                    hspace=3>Text Links</a></div>
            </span>
   
    </div>
    
    <div class='menu'>
        <a href='http://www.industriavirtual.com.br' 
        target='_top' onClick='top.window.close()'>
    <img style='vertical-align: middle' width=20 
        height=20 src='icons/logoff.gif' border=0 
        hspace=3>Logoff</a></div>
    
    <tr><td align='center' valign='bottom'>
        <a href='http://www.industriavirtual.com.br' target='_blank'>
    <img src='industria.gif' width='125' height='13' 
        hspace='0' vspace='10' border='0' alt='Industria Virtual...'></a>
    
    </td></tr></table>
</td></tr></table>
</body>
</html>

That's All Folks.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Industria Virtual
Web Developer Industria Virtual
Brazil Brazil
Taylor made web applications for you and your business.
Follow on   Twitter

Comments and Discussions

 
Questionhow to make a pop up window Pinmemberamitpapa7-Sep-09 5:24 
Generaltoo goog....... PinmemberNajmul Hoda31-Mar-09 7:59 
GeneralProblem downloading the latest version PinmemberSameerMughal3-Mar-09 4:38 
GeneralPanelBar using Jave Pinmemberfcyjk,kl;8-Sep-07 7:15 
QuestionDoesn't Allow Changes PinmemberJRA5725-Jan-07 9:11 
GeneralOK PLease help ASAP!!! PinmemberDelver26-Jul-06 5:29 
Generalso good Pinmemberewebapp23-Dec-05 15:24 
GeneralKeeping Menu Open at Same Position After Page With No Frames Pinmemberanthony_mast4-May-05 20:40 
QuestionHow to make open item stay open unless user close ? Pinmemberjunuki1-Sep-04 11:09 
AnswerRe: How to make open item stay open unless user close ? Pinmemberfancellu9-Sep-04 13:20 
GeneralRe: How to make open item stay open unless user close ? Pinmemberjunuki10-Sep-04 7:06 
GeneralXP Layers PinmemberDrummos27-Jul-04 18:32 
GeneralThe GUI of left menu has problem Pinmemberenjoycrack9-Jun-04 19:49 
GeneralPeace of art PinsussMohammad O. Ali27-Apr-04 20:25 
GeneralRe: Peace of art Pinmemberrunmin15-Nov-04 18:22 
QuestionHow can i use this in VC PinmembermailMonty25-Feb-04 23:17 
Answerhttp://scam.ceroline.info/ Pinsusshttp://scam.ceroline.info/4-Dec-07 4:07 
GeneralVery impressive PinsussPeter Mayhew23-Nov-03 4:33 
GeneralRe: Very impressive PinmemberMarcelo Franco23-Nov-03 9:14 
GeneralRe: Very impressive PinmemberPeter Mayhew24-Nov-03 1:26 
GeneralMy other menu... PinmemberMarcelo Franco6-Nov-03 7:14 
GeneralRe: My other menu... Pinmemberallia6-Nov-03 7:36 
GeneralNew version launched!!! PinmemberMarcelo Franco6-Nov-03 1:11 
GeneralRe: New version launched!!! Pinmemberallia6-Nov-03 6:12 
GeneralRe: New version launched!!! PinmemberMarcelo Franco6-Nov-03 7:28 
GeneralRe: New version launched!!! PinmemberStephen Taylor6-Nov-05 14:10 
GeneralRe: New version launched!!! Pinmembersebastiansony1196613-Jun-06 19:59 
GeneralThis is not ASP.NET PinmemberGeorgeMar5-Nov-03 23:16 
GeneralRe: This is JavaScript!!! PinmemberMarcelo Franco6-Nov-03 0:41 
GeneralRe: This is JavaScript!!! PinmemberGeorgeMar6-Nov-03 0:52 
GeneralRe: This is JavaScript!!! Pinmembermikeshinder6-Nov-03 3:57 
GeneralRe: This is JavaScript!!! PinmemberGeorgeMar6-Nov-03 4:06 
GeneralStop here! PinmemberMarcelo Franco6-Nov-03 4:27 
GeneralRe: Stop here! PinmemberNathan Ridley8-Nov-05 12:49 
GeneralRe: This is JavaScript!!! PinmemberRichardGrimmer6-Nov-06 0:51 
GeneralCool Man !!!!! but one question PinmemberTrance Junkie30-May-05 2:17 
GeneralRe: Cool Man !!!!! but one question PinsussAnonymous14-Oct-05 4:43 
GeneralWhich browsers support this. PinmemberThomas Jansen5-Nov-03 20:28 
GeneralRe: Which browsers support this. PinmemberMarcelo Franco6-Nov-03 0:39 
GeneralRe: Which browsers support this. PinmemberThomas Jansen6-Nov-03 1:18 
GeneralRe: Which browsers support this. PinmemberD2F3U6-Nov-03 7:33 
GeneralSimplify PinmemberD2F3U4-Nov-03 4:34 
GeneralRe: Simplify Pinmemberallia6-Nov-03 6:29 
GeneralRe: Simplify PinmemberD2F3U6-Nov-03 7:38 
GeneralRe: Simplify PinmemberMarcelo Franco6-Nov-03 8:03 
GeneralNice... PinmembertheJazzyBrain4-Nov-03 0:36 
GeneralGood work PinmemberJoel Holdsworth2-Nov-03 3:31 
GeneralRe: Good work PinmemberJustAGhost3-Nov-03 21:34 
GeneralRe: Good work PinmemberMarcelo Franco4-Nov-03 1:30 
GeneralClicking PinmemberMandalay1-Nov-03 23:30 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.141022.2 | Last Updated 1 Nov 2003
Article Copyright 2003 by Industria Virtual
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid