Help - Search - Members - Calendar
Full Version: Drop down menu
HTMLHelp Forums > General Interest > Jobs Seeking Programmers
slayerdeath666
Dec 14 2008, 11:25 AM
Hello everyone this is my 1st post. I have a question about how to make a "drop down" menu...well it isnt 100% drop down menu but it is something like it. Let me give you an example.
Just like here: http://www.rs2-accounts.com/runescape_powerleveling.html

when you select type, Current Level, Desired Level and press emistate...it just show you price and all below. Please i need it.
Darin McGrew
Dec 14 2008, 01:01 PM
Please see the FAQ entry Where can I learn about JavaScript (LiveScript, JScript, ECMAScript, DOM)?
slayerdeath666
Dec 14 2008, 02:35 PM
yes...this help much NOT! i need a code of it.
pandy
Dec 15 2008, 12:03 AM
That isn't a menu. It's a form.

http://htmlhelp.com/reference/html40/forms/
http://htmlhelp.com/faq/html/#formstoc
http://htmlhelp.com/faq/html/docs.html#about-html
slayerdeath666
Dec 15 2008, 10:05 AM
thank you pandy. well is it possiable that someone would get me a code of a form just like at http://www.rs2-accounts.com/runescape_powerleveling.html
pandy
Dec 15 2008, 10:52 AM
No. If you read the pages I linked to you can learn how to do it yourself. If you want a form just like on that page, why don't you just View Source?
slayerdeath666
Dec 15 2008, 11:05 AM
it doesnt show me...i copy source and paste to my html program (wich i make websites) but it show window with error...maybe you can view source and give me code...i think this is not hard.
Darin McGrew
Dec 15 2008, 11:40 AM
Please see the FAQ entry How do I use forms?
slayerdeath666
Dec 15 2008, 11:46 AM
omg lol man...cant spam more huh? can someone just get me a source code from the site i gave you?
pandy
Dec 15 2008, 11:52 AM
QUOTE
omg lol man...cant spam more huh?


Spam?

QUOTE
can someone just get me a source code from the site i gave you?


Sure. Here you go.

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD><title> runescape power leveling | buy RuneScape power leveling  | RuneScape accounts</title>
<META NAME="Keywords" CONTENT="runescape power leveling,runescape power leveling,RuneScape account">
<META NAME="Description" CONTENT="The Largest Runescape Accounts Store over the world. We provide all kinds of professional pure runescape accounts. Fastest service, Best prices! you can also pre-order!">

<style type="text/css">
<!--
#Layer2 {
    position:absolute;
    left:629px;
    top:330px;
    width:237px;
    height:283px;
    z-index:101;
}
.STYLE160 {font-size: 10px}
.STYLE161 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933;}
-->
</style>
<head>
<!--$headcontent-->
  <link rel="stylesheet" type="text/css" href="stylesheet.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body {
    background-color: #262626;
    background-image: url();
}
body,td,th {
    color: #000000;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #FFCC33;
    text-decoration: none;
}
.STYLE19 {font-family: Verdana, Arial, Helvetica, sans-serif}
.STYLE22 {text-decoration: underline; color: #70d250; font-size: 12px; }
.STYLE24 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.STYLE28 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
.STYLE30 {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.STYLE72 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.STYLE76 {color: #444444}
.STYLE82 {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.STYLE84 {color: #FF0000}
.STYLE92 {color: #444444; font-family: Arial, Helvetica, sans-serif; }
.STYLE93 {font-weight: bold; font-size: 11px;}
.STYLE94 {font-size: 11px; font-weight: bold; color: #FF0000;}
.STYLE97 {font-family: Arial, Helvetica, sans-serif}
.STYLE100 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; }
a:visited {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
.STYLE102 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; }
.STYLE80 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.STYLE134 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
.STYLE104 {font-size: 11px; color: #CCCCCC; }
.STYLE139 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #444444; }
.STYLE135 {color: #FF0000; font-size: 10px; }
.STYLE81 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; }
.STYLE143 {color: #000000}
.STYLE150 {color: #FFFFFF}
.STYLE151 {
    color: #33CCFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.STYLE155 {font-size: 10px; color: #333333; }
.STYLE164 {font-size: 9.9px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.STYLE166 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #496885;
}
.STYLE167 {color: #496885}
.c {
    color: #496885;
    border: 1px solid #7f9db9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/lu.jpg')">
<table width="1000" height="406" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="120" align="center" valign="top"><table width="125" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="165"> </td>
      </tr>
      <tr>
        <td align="right"><table width="120" border="0" cellspacing="0">
          <tr>
            <td> </td>
          </tr>
          <tr>
            <td><script type="text/javascript"><!--
google_ad_client = "pub-0335514291697925";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_cpa_choice = & #34;CAEQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAaCLkxnIyBSJrhKJqB4MEBKJKfvcsBKOap
vaoBKLrt3asBKK6Wx3YozM- ZvwEo1ez_rAEo_bChyQEoguHc6AEot72XfSi1_LSoASillJLPASj2yPvMASijpPPwASjKiZmyAlDuBFA
p";
google_ad_channel = "0190912323";
google_color_border = "262626";
google_color_bg = "262626";
google_color_link = "FFFFFF";
google_color_text = "AECCEB";
google_color_url = "AECCEB";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
    <td width="100"><table width="775" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="774" background="images/conatiner.bg.gif"><table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td align="center"><table width="98%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="94%" height="20"><span class="STYLE164"><a href="http://www.rs2-accounts.com/index.php?cPath=21" class="STYLE143"><span class="STYLE143">runescape</span> <span class="STYLE143">accounts</span></a> <span class="STYLE143">|</span> <span class="STYLE143"><a href="http://www.rs2-accounts.com/index.php?cPath=47"><span class="STYLE143">runescape gold</span></a></span> <span class="STYLE143">|</span> <a href="http://www.rs2-accounts.com/index.php?cPath=47"><span class="STYLE143">runescape money</span></a> <span class="STYLE143">|</span> <a href="http://www.rs2-accounts.com/index.php?cPath=21"><span class="STYLE143">pure runescape accounts</span></a><span class="STYLE143"> | </span><a href="http://www.rs2-accounts.com/index.php?cPath=21"><span class="STYLE143">pure runescape leveling</span></a> <span class="STYLE143">|</span> <a href="http://www.runescapedirectory.com/"><span class="STYLE143">RuneScape Directory</span></a></span></td>
                        <td width="6%" align="center"><span class="STYLE134 STYLE160"></span><span class="STYLE160"><a href="news.php.html"><span class="STYLE161">nows</span></a></span></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="24%"><a href="http://www.rs2-accounts.com"><img src="images/super-account.gif" width="188" height="80" border="0"></a></td>
                          <td width="76%" align="center"><table width="555" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td align="right"><table width="554" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="41" align="left"><a href="http://www.rs2-accounts.com"><img src="images/home.icon.gif" width="41" height="26" border="0"></a></td>
                                      <td width="7" bgcolor="#979797"><img src="images/left_on.gif" width="8" height="28"></td>
                                      <td align="center" bgcolor="#FFFFFF"><a href="http://www.rs2-accounts.com/index.php?cPath=21"><span class="STYLE134">Rs2 Accounts </span></a></td>
                                      <td width="7" align="left" bgcolor="#979797"><img src="images/left.gif" width="8" height="28"></td>
                                      <td width="1" align="center"></td>
                                      <td width="7" align="center"><img src="images/a0.gif" width="7" height="28"></td>
                                      <td align="center" bgcolor="#979797"><a href="http://www.rs2-accounts.com/index.php?cPath=47"><span class="STYLE134">Rs2 Gold</span></a><a href="http://www.rs2-accounts.com/index.php?cPath=27_28"></a></td>
                                      <td width="7" align="center"><img src="images/a1.gif" width="7" height="28"></td>
                                      <td width="1" align="center"></td>
                                      <td width="7" align="center"><img src="images/a0.gif" width="7" height="28"></td>
                                      <td align="center" bgcolor="#979797"><A href="http://www.rs2-accounts.com/index.php?cPath=48_51"><span class="STYLE134">Rs2 Item</span></A></td>
                                      <td width="7" align="center"><img src="images/a1.gif" width="7" height="28"></td>
                                      <td width="1" align="center"></td>
                                      <td width="7" align="center"><img src="images/a0.gif" width="7" height="28"></td>
                                      <td align="center" bgcolor="#979797"><a href="http://www.rs2-accounts.com/account.php"><span class="STYLE134">My Account</span></a></td>
                                      <td width="7" align="center"><img src="images/a1.gif" width="7" height="28"></td>
                                      <td width="1" align="center"></td>
                                      <td width="7" align="center"><img src="images/a0.gif" width="7" height="28"></td>
                                      <td align="center" bgcolor="#979797"><a href="http://www.rs2-accounts.com/shopping_cart.php"><span class="STYLE134">Shopping Cart</span></a></td>
                                      <td width="7" align="center"><img src="images/a1.gif" width="7" height="28"></td>
                                      <td width="1" align="center"></td>
                                      <td width="7" align="center"><img src="images/a0.gif" width="7" height="28"></td>
                                      <td align="center" bgcolor="#979797"><a href="http://www.rs2-accounts.com/checkout_shipping.php"><span class="STYLE134">Check out</span></a></td>
                                      <td width="7"><img src="images/a1.gif" width="7" height="28"></td>
                                    </tr>
                                  </table></td></tr>
                              <tr>
                                <td height="23" background="images/chen_bai_beijing01.jpg"><span class="STYLE92"><span class="STYLE93"> </span></span><span class="STYLE92"><span class="STYLE93"> </span></span><span class="STYLE82"><a href="http://www.rs2-accounts.com/index.php?cPath=21"><span class="STYLE84"><u>RuneScape Melee</u></span></a></span> <span class="STYLE135">|</span> <span class="STYLE81"> </span><span class="STYLE82"><a href="http://www.rs2-accounts.com/index.php?cPath=23"><span class="STYLE84"><u>RuneScape Ranged</u></span></a></span> <span class="STYLE135">|</span> <span class="STYLE97"><a href="http://www.rs2-accounts.com/index.php?cPath=23" class="STYLE84"><span class="STYLE94"><u>RuneScape Other</u></span></a> <span class="STYLE135"> | </span> <a href="power_runescape.php.html"><span class="STYLE94"><u>RuneScape Power Leveling</u></span></a></span><span class="STYLE97"><span class="STYLE93"><u></span></span></td>
                              </tr>
                              <tr>
                                <td><a href="http://www.rs2-accounts.com"><img src="images/chen_bai_beijing02.jpg" width="556" height="108" border="0"></a></td>
                              </tr>
                          </table></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td height="5"></td>
                  </tr>
                  <tr>
                    <td align="center"><table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="8"></td>
                          <td><table border="0" align="right" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="900" height="110" valign="top"><table width="187" height="109" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="187" height="83" valign="bottom" background="images/do-it-yourself_r1_c14.jpg"><table width="161" height="60" border="0" align="center" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td height="65" valign="top"><a href="http://www.rs2-accounts.com/index.php?cPath=21"><span class="STYLE102">RuneScape Melee PKers</span><br>
                                                  <span class="STYLE100">RuneScape pure PKers,<br>
                                                    decent status check it out,<br>
                                                    Special prices available.</span></a></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td width="185"><table width="185" border="0" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td align="left"><a href="http://www.rs2-accounts.com/index.php?cPath=21"><img src="images/do-it-yourself_r2_c14.jpg" name="Image13" width="185" height="27" border="0" id="Image13" onMouseOver="MM_swapImage('Image13','','images/lu.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                </table></td>
                                <td width="187"><table width="187" height="109" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="187" height="83" valign="bottom" background="images/do-it-yourself_r1_c14.jpg"><table width="161" height="69" border="0" align="center" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td height="65" valign="top"><p><a href="http://www.rs2-accounts.com/index.php?cPath=23"><span class="STYLE72"><span class="STYLE102">RuneScape Ranged PKers</span></span><br>
                                                      <span class="STYLE80"><span class="STYLE100">RuneScape pure PKers,<br>
                                                        decent status check it out,<br>
                                                        Special prices available.</span><br>
                                            </a></p></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td width="185"><table width="185" border="0" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td align="left"><a href="http://www.rs2-accounts.com/index.php?cPath=23"><img src="images/do-it-yourself_r2_c14.jpg" name="Image1" width="185" height="27" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/lu.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                </table></td>
                                <td width="187"><table width="187" height="109" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="187" height="83" valign="bottom" background="images/do-it-yourself_r1_c14.jpg"><table width="161" height="69" border="0" align="center" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td height="65" valign="top"><a href="http://www.rs2-accounts.com/index.php?cPath=22"><span class="STYLE102">RuneScape Other Pure accounts</span><span class="STYLE76"><br>
                                                    <span class="STYLE80">High Fisher, </span></span><span class="STYLE80"><span class="STYLE76"><br>
                                                      Woodcutter, Minner,<br>
                                                      feel free to order now </span></span></a></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td><a href="http://www.rs2-accounts.com/index.php?cPath=22"><img src="images/do-it-yourself_r2_c14.jpg" name="Image121" width="185" height="27" border="0" id="Image121" onMouseOver="MM_swapImage('Image121','','images/lu.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
                                    </tr>
                                </table></td>
                                <td><table width="187" height="109" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td width="183" valign="bottom"><table width="182" border="0" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td height="110" background="images/do-it-yourself_r1_c3.jpg"><table width="155" height="81" border="0" align="center" cellpadding="0" cellspacing="0">
                                                <tr>
                                                  <td height="60" valign="top"><p><a href="power_runescape.php.html"><span class="STYLE139">RuneScape Power Leveling </span><br>
                                                  </a></p></td>
                                                </tr>
                                                <tr>
                                                  <td height="5" valign="top"></td>
                                                </tr>
                                            </table></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                </table></td>
                              </tr>
                          </table></td>
                          <td width="3"></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td><table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="8"></td>
                          <td><img src="images/do-it-yourself_r3_c4.jpg" width="747" height="7"></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="8" align="center"></td>
                          <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="11" valign="top" background="images/do-it-yourself_r8_c1.jpg"><img src="images/do-it-yourself_r4_c00000.jpg" width="11" height="8"></td>
                                <td bgcolor="#FFFFFF"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td> </td>
                                    </tr>
                                    <tr>
                                      <td align="center"><table width="723" border="0" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td><table width="100%" height="251" border="0" cellpadding="0" cellspacing="0">
                                                <tr>
                                                  <td height="16" valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0">
                                                      <tr>
                                                        <td><table width="600" border="0" cellpadding="0" cellspacing="0">
                                                          <tr>
                                                            <td>                                                              
                                                                <IFRAME id=external style="WIDTH: 100%; HEIGHT: 520px"
                  marginWidth=0 marginHeight=0
                  src="power_runescape.php"
                  frameBorder=0 scrolling=no allowTransparency></IFRAME></td>
                                                          </tr>
                                                        </table></td>
                                                      </tr>
                                                    </table>                                                    </td>
                                           


CODE
slayerdeath666
Dec 15 2008, 11:58 AM
it show me all good but here where the power leveling stuff shall be it show me page cannot be appeared.
pandy
Dec 15 2008, 12:02 PM
QUOTE(slayerdeath666 @ Dec 15 2008, 05:58 PM) *

it show me all good but here where the power leveling stuff shall be it show me page cannot be appeared.



Huh? I'm sorry, but my English isn't native. I don't understand what you are saying.
slayerdeath666
Dec 15 2008, 12:05 PM
ye..my english is werry bad biggrin.gif
ermm...look when i paste code you gave me to my HTML editor and click prewiev it show me all arroune page just where this window (power leveling) should be...it show me "the site cannot be appeared"---like it cant show up a page.
Darin McGrew
Dec 15 2008, 01:57 PM
That's in an inline frame. Here's the document the frame displays:
http://www.rs2-accounts.com/power_runescape.php
slayerdeath666
Dec 15 2008, 01:59 PM
yes man!...that i need cool...but what can i do with that link you gave me (wich show only that what i need).
Darin McGrew
Dec 15 2008, 02:53 PM
For starters, you can view the source.
slayerdeath666
Dec 15 2008, 02:54 PM
Yes i did, i also PMed you please anwser smile.gif
Darin McGrew
Dec 15 2008, 02:59 PM
Can you provide the URL (address) of a document that shows your best attempt?
slayerdeath666
Dec 15 2008, 03:01 PM
huh...i dont understand you im sory english not my first language smile.gif please speak more...beggining english smile.gif
Darin McGrew
Dec 15 2008, 06:22 PM
What have you tried? Where can we see the work you have done?
slayerdeath666
Dec 17 2008, 11:38 AM
ermmm...i didnt do nothig...i just opened source code with my HTML editor and no chance to edit....i ask you if you could help me to edit it.
pandy
Dec 17 2008, 01:14 PM
Did you read the pages we gave you links to?
slayerdeath666
Dec 17 2008, 01:27 PM
yeee...omg im just lloking some1 to edit...its wery complicated code for me...
Darin McGrew
Dec 17 2008, 01:42 PM
QUOTE
im just lloking some1 to edit
I moved this thread to the Jobs Seeking Programmers forum.
slayerdeath666
Dec 18 2008, 12:46 PM
ok good. I dont need to hire anyone just want someone to edit code (remove few skills and change prices).
pandy
Dec 18 2008, 03:27 PM
QUOTE(slayerdeath666 @ Dec 17 2008, 07:27 PM) *

yeee...omg im just lloking some1 to edit...its wery complicated code for me...



So how far did you get? What don't you understand?
slayerdeath666
Dec 19 2008, 02:19 PM
huh most of code i dont understand. would you pls edit it for me (i will tell you wichs skills to remove and how higher prices)
Darin McGrew
Dec 19 2008, 06:48 PM
Please see the FAQ entries Where can I learn about HTML? and Where can I learn about CSS?
slayerdeath666
Dec 20 2008, 11:13 AM
ohh *beep* man stop with this faq
pandy
Dec 20 2008, 12:13 PM
Beep yourself! laugh.gif
slayerdeath666
Dec 20 2008, 12:21 PM
back to topic...need some1 who has brains to help me not to give me some links
Darin McGrew
Dec 20 2008, 07:22 PM
QUOTE
back to topic...need some1 who has brains to help me not to give me some links
That's why I moved this thread to the Jobs Seeking Programmers forum. The other forums are for people who want to learn how to create web sites.
slayerdeath666
Dec 21 2008, 12:16 PM
ok....nobody helps here....
Darin McGrew
Dec 21 2008, 03:44 PM
QUOTE
ok....nobody helps here....
We'll help you learn. But we won't do your job for you.

Teach a man to fish, and all that...
slayerdeath666
Dec 22 2008, 12:18 PM
ye but wtf if i dont speak english good i would esy read faqs and edit code if i good english. but i cant do
slayerdeath666
Dec 22 2008, 03:02 PM
ye i got forms now wich send me email i got good desigh i got all just i need more is someone to edit this code me for power levelinf service.
zgillman
Jan 3 2009, 07:52 PM
http://www.response-o-matic.com/

here is an easy form generator..
-get an account
-follow the steps
-customize form
-copy code
-paste code on your site

success!

jackyjee
Nov 9 2009, 02:22 AM
You find your solution from the sites as given below:

http://www.milonic.com/menusample2.php
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.