yuttrim20
دوشنبه 11 اردیبهشت 1391, 16:52 عصر
سلام دوستان
من دارم یه سایت طراحی می کنم
یه سوال دارم
چطور باید قسمتی رو شبیه قسمت(ابزارهای تاپیک و یا ابزارهای مدیریتی و ..) در همین سایت که با رفتن موس روی اون یک منوی کشوی باز میشه رو طراحی کنم؟
و بتونم با رفتن موس روی یک ایتم اون یک یوزر کنترل رو نمایش بدم؟؟
خواهش میکنم راهنمایی کنید
ممنونم
این یک کد ساده css هستش که من براتون میزارم که اگه css بلد باشین خیلی میشه زیباترش کرد
<html>
<head>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}
#nav
{
font-family: arial, sans-serif;
position: relative;
width: 990px;
height: 56px;
font-size: 14px;
color: #999;
margin: 0 auto;
top: 0px;
left: 0px;
}
#nav ul
{
list-style-type: none;
}
#nav ul li
{
float: right;
position: relative;
top: 0px;
left: 0px;
height: 36px;
}
#nav ul li a
{
text-align: center;
border-right: 1px solid #e9e9e9;
padding: 10px;
display: block;
text-decoration: none;
color: Gray;
}
#nav ul li ul
{
display: none;
}
#nav ul li:hover ul
{
display: block;
position: absolute;
}
#nav ul li:hover ul li a
{
display: block;
background: rgb(78,78,78);
color: White;
width: 90px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
}
#nav ul li:hover ul li a:hover
{
background: rgb(78,78,78);
color: rgb(242,99,83);
}
.style1
{
height: 438px;
width: 970px;
}
.style2
{
height: 438px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="center" style="width: 1000px">
<img src="stock-illustration-14058250-film-reel-on-the-red-background%20-%20Copy%20(2)%20-%20Copy.jpg"
style="width: 1011px; height: 179px" /></div>
<div id="nav">
<ul>
<li class="first"><a href="صفحه%20اصلی2.aspx">صفحه اصلی</a></li>
<li><a href="2%20گالری.aspx"> گالری</a></li>
<li><a href="#">برنامه ها و بلیط ها</a>
<ul>
<li><a href="2%20فیلم%20در%20حال%20اکران.aspx"> فیلم در حال اکران</a></li>
<li><a href="راهنمای%20خرید2.aspx">راهنمای خرید</a></li></ul></li>
<li><a href="اخبار2.aspx">اخبار</a></li>
<li><a href="فرم%20عضویت.aspx">فرم عضویت</a></li>
<li><a href="2%20تماس%20با%20ما.aspx"> تماس با ما</a></li>
<li><a href="2%20درباره%20ما.aspx"> درباره ما</a></li></ul>
</div>
</body>
</html>