Beautiful DropDown Menu
#1
Note 
لیست پایین امدنی یا آبشاری زیبا!
از اول اول تا آخر :laughingsmiley:
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'mymenu.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<title>NexGen Ergonomics - Product Order/Quotation Form</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="all" />
<link rel="shortcut icon" href="/favicon.ico" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Scottmark Communications" />
<meta name="copyright" content="1997-2007 NexGen Ergonomics Inc" />

<style type="text/css">
.qmmc .qmdivider{display:block;font-size:6px;border-width:0px;border-styleConfusedolid;position:relative;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
#qm0 a{padding:5px 4px 5px 5px;color:#555555;font-family:Arial;font-size:11px;font-weight:bold;text-decoration:none;}
#qm0 div, #qm0 ul{padding:10px;margin:-2px 0px 0px;background-color:transparent;border-style:none;}
#qm0 div a, #qm0 ul a{padding:3px 10px 3px 5px;background-color:transparent;font-size:11px;font-weight:normal;border-width:0px;border-style:none;}
#qm0 div a:hover, #qm0 ul a:hover{background-color:#d9e8f7;color:#ff6f00;}
#qm0 .qmtitle{cursor:default;padding:3px 0px 3px 4px;color:#444444;font-family:arial;font-size:11px;font-weight:bold;}
#qm0 .qmdividerx{border-top-width:1px;margin:4px 0px;border-color:#bfbfbf;}
#qm0 .qmdividery{border-left-width:1px;height:15px;margin:4px 2px 0px;border-color:#aaaaaa;}
#qm0 .qmritem span{border-color:#0066cc;background-color:#f0f6fc;}
#qm0 .qmritemcontent{padding:0px 0px 0px 4px;}
ul#qm0 ul{border-color:#e6f0fa;border-styleConfusedolid;border-width:1px;background-color:#e6f0ff;}
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

</style>
<script type="text/JavaScript">
var qmad = new Object();qmad.bvis="";qmad.bhide="";qmad.bhover="";
var a = qmad.qm0 = new Object();
a.rcorner_size = 6;
a.rcorner_container_padding = 0;
a.rcorner_border_color = "#0066cc";
a.rcorner_bg_color = "#f0f6fc";
a.rcorner_apply_corners = new Array(false,true,true,true);
a.rcorner_top_line_auto_inset = true;
a.ritem_size = 4;
a.ritem_apply = "main";
a.ritem_main_apply_corners = new Array(true,true,false,false);
a.ritem_show_on_actives = true;
</script>

</head>

<body>
<form action="http://search.atomz.com/search/" style="margin: 0;">
<table cellspacing="0" cellpadding="0" align="center" style="width: 680px; background-image: url(images/center_tile.gif); background-color: rgb(245, 245, 245);">
<tr>
<td><div style="width:10px;height:60px;background-image:url(images/left_cap.gif);font-size:10px;"></div></td>
<td style="width:100%;">
<ul id="qm0" class="qmmc">
<li><span class="qmdivider qmdividery" ></span></li>
<li><A href='home.jsp'>Home </A></li>
<li><a href="javascript:void(0);">Route </a>
<ul style="width:150px;">
<li><A href='AddRoute.jsp'>ADDROUTE </A></li>
<li><A href='ListRoute.jsp?op=list'>LstROUTE </A></li>
<li><A href='ViewRoute.jsp'>ViewROUTE </A></li>
<li><A href='DeleteRoute.jsp'>DeleteROUTE </A></li>
<li><A href='EditRoute.jsp'>EditROUTE </A></li>
</ul></li>
<li><span class="qmdivider qmdividery" ></span></li>
<li><a href="javascript:void(0);">Vehicle </a>
<ul style="width:150px;">
<li><A href='AddVehicle.jsp'>ADDVehicle </A></li>
<li><A href='ListVehicle.jsp?op=list'>LstVehicle </A></li>
<li><A href='ViewVehicle.jsp'>ViewVehicle </A></li>
<li><A href='DeleteVehicle.jsp'>DeleteVehicle</A></li>
<li><A href='EditVehicle.jsp'>EditVehicle </A></li>
</ul></li>
<li><span class="qmdivider qmdividery" ></span></li>

<li><a href="javascript:void(0);">HOPP </a>
<ul style="width:150px;">
<li><A href='AddHopp.jsp'>ADDHOPP </A></li>
<li><A href='ListHopp.jsp?op=list'>ListHOPP </A></li>
<li><A href='ViewHopp.jsp'>ViewHOPP </A></li>
<li><A href='DeleteHopp.jsp'>DeleteHOPP</A></li>
<li><A href='EditHopp.jsp'>EditHOPP </A></li>
</ul></li>


<li><span class="qmdivider qmdividery" ></span></li>
<li><a href="LogoutAction.jsp"> LOGOUT </a></li>
<li><span class="qmdivider qmdividery" ></span></li>
</ul>
</td>
</tr>
</table>
</form>

<script type="text/javascript">qm_create(0,false,0,250,false,false,false,false);</script>
</body>
</html>

[/HTML]

آخرین ویرایش: 25-09-2012 ساعت 12:20، توسط Stack OverFlow
مردم دنیا 10 دسته هستند: کسانی که باینری میفهمند و کسانی که باینری نمیفهمند !
پاسخ
#2
Note 
عالیست!
خودت نوشتی؟
______
البته فکر کنم به بخش css بیستر مربوط میشه این پست Smile

آخرین ویرایش: 25-09-2012 ساعت 12:36، توسط Daniel
پاسخ
#3
Note 
نه خودم ننوشتم

Confusedmiles (14): انجمن css رو ندیده بودم ;-)

مردم دنیا 10 دسته هستند: کسانی که باینری میفهمند و کسانی که باینری نمیفهمند !
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

کاربرانِ درحال بازدید از این موضوع:   1 مهمان