برطرف کردن مشکل زیر منو

در اين بخش مي‌توانيد در مباحث مربوط به برنامه نويسي تحت وب به بحث بپردازيد

مدیران انجمن: athlon64x2, abbas.m.k, شوراي نظارت

ارسال پست
New Member
پست: 12
تاریخ عضویت: دو شنبه 4 دی 1396, 5:14 pm
سپاس‌های ارسالی: 6 بار
سپاس‌های دریافتی: 3 بار
تماس:

برطرف کردن مشکل زیر منو

پست توسط tourkadeh » شنبه 9 دی 1396, 1:22 pm

میشه یه لطف کنید من کد های مربوط به منو رو بزارم و مشکل باز شدنش رو بگید

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<title>دیجی کالا فروشگاه اینترنتی</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<header>
<div class="main_header">
<div class="top_container">
<div class="pull_right">
<div class="pull_right-top">
<div class="icon-ghofl"><img src="images/icon-ghofl.png" >
</div>
<span >فروشگاه اینترنتی دیجی کالا، <a href="#">وارد شوید</a></span>
</div>
<div class="icon_sabt"><img src="images/icon-ghofl.png" >
</div>
<div class="rejister">
<span ><a href="#">ثبت نام کنید</a></span>
</div>
<div class="pull_right-bottom">
<div class="basket">
<div class="basket_right">
<div class="sabad">
<img src="images/basket.png">
</div>
</div>
<div class="basket_left">
<div class="sabad_kharid">
سبد خرید
</div>
<div class="circle">0</div>
</div>
</div>
<div class="search">
<input type="text" class="search_text" name="" placeholder="کلمه مورد نظر را وارد کنید">
<button class="search_icon">
</button>
</div>
</div>
</div>
<div class="pull_left">
<img src="images/dijikala.png">
</div>
</div>
</div>
</header>
<nav>
<div id="topmenu">
<ul>
<li>
<a href="#">کالای دیجیتال <span class="icon-down"></span></a>
<ul>
<li>
<a href="#">موبایل</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<img src="images/mobile.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li><a href="#">تبلت</a></li>
<li><a href="#">لپ تاپ</a></li>
</ul>
</li>
<li>
<a href="#">لوازم خانگی<span class="icon-down"></span></a>
<ul>
<li>
<a href="#">برقی</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">لخچال</a></li>
<li><a href="#">جاروبرقی</a></li>
<li><a href="#">همزن</a></li>
<li><a href="#">چای ساز</a></li>
<li><a href="#">htc0</a></li>
<li><a href="#">montrela0</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<div class="menulevel3_col"></div>
<img src="images/mobile.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li>
<a href="#">ساعت</a>
<div class="menulevel3">
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">سرویس</a></li>
<li><a href="#">قاشق</a></li>
<li><a href="#">چاقو</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col">
<ul class="ul_menulevel3">
<li><a href="#">گوشی موبایل</a></li>
<li><a href="#">samsung</a></li>
<li><a href="#">apple</a></li>
<li><a href="#">nokia</a></li>
<li><a href="#">htc</a></li>
<li><a href="#">montrela</a></li>
</ul>
</div>
<div class="menulevel3_col"></div>
<img src="images/tablet-ebook-reader.png" class="imagmenu" alt="تصویر" title="تصویر" >
</div>
</li>
<li><a href="#">لپ تاپ</a></li>
</ul>
</li>
<li><a href="#"> زیبایی و سلامت<span class="icon-down"></span></a></li>
<li><a href="#">فرهنگ و هنر<span class="icon-down"></span></a>
</li>
<li><a href="#">ورزش و سرگرمی<span class="icon-down"></span></a></li>
</ul>
</div>
</nav>

<div class="main">
<div id="banner-top">
<img class="images-banner" src="images/baner.jpg">
</div>
<div class="sidbar">
<img class="border-telegram" src="images/telegram.jpg">
<ul class="margin_bottom">
<li><a href="#"><img src="images/012.jpg"></a></li>
<li><a href="#"><img src="images/013.jpg"></a></li>
<!--<li><a href="#"><img src="images/014.jpg"></a></li>
<li><a href="#"><img src="images/015.jpg"></a></li>
<li><a href="#"><img src="images/016.jpg"></a></li>
-->
</ul>
<div class="brands">
<ul>
<li><a href="#"><img src="images/finish.png"></a></li>
<li><a href="#"><img src="images/samsung-brand.jpg"></a></li>
<li><a href="#"><img src="images/snowa-cc6b61.png"></a></li>
<li><a href="#"><img src="images/x.vision.png"></a></li>
<li><a href="#"><img src="images/pars-khazar-8cdaa4.png"></a></li>
<li><a href="#"><img src="images/x.vision.png"></a></li>

</ul>

</div>


</div>

<div class="container">



</div>



</div>



</body>
<script>
var timer;
$('#topmenu li').hover(function(){
var tag=$(this);
timer=setTimeout(function(){
$('> ul',tag).fadeIn(0);

tag.addClass('activemenu');

$('> .menulevel3',tag).fadeIn(0);
},400)
},function(){
var tag=$(this);
timer=setTimeout(function(){
$('> ul',tag).fadeOut(0);
tag.removeClass('activemenu');
$('> .menulevel3',tag).fadeOut(0);
},1000)
});
</script>

</html>



از اینجا به بعد هم css


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, textarea, button, select {
font-family: "welearn";
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

body{
background: #EEEFF1;
}

@font-face{
font-family: 'yekan'
src: url('fonts/yekan.ttf') format('truetype'),
url('fonts/yekan.eot?#') format('embedded-opentype');
}

.font11{font:11px yekan;}
.font12{font:12px yekan;}
.font13{font:13px yekan;}
.font14{font:14px yekan;}
.font15{font:15px yekan;}

.main_header{
width: 100%;
height: 110px;
margin: 0 auto;
background: #fff;

}
a{
text-decoration: none;
}
.top_container{
width: 1200px;
height: 110px;
margin: 0 auto;

}

.pull_right{
float: right;
width: 650px;
height: 100px;

}
.pull_left{
float: left;
width: 180px;
height: 100px;
}
.icon-ghofl img{
width: 25px;
height: 25px;
margin-top: 9px;
float: right;
}

.pull_right-top span{
color: gray;
margin:15px 15px 25px 0;
float: right;

}


}
.pull_right-top{
width: 650px;
height: 40px;

}

.pull_right-bottom{
width: 650px;
height: 40px;
float: right;


}
.pull_right .pull_right-top a{
color: gray;
}
.pull_right .pull_right-top a:hover{
color: red;
}

.pull_left img{
margin-top: 20px;
}

.icon_sabt img{
width: 25px;
height: 25px;
margin-top: 9px;
display:inline-block;
}

.icon_sabt{
width: 50px;
height: 25px;
float: right;
margin-right: 15px;
}

.rejister{
width: 100px;
height: 40px;
float: right;
}
.rejister span{

margin:15px 0px 25px 0;
float: right;

}

.rejister span a{
color: gray;
}
.rejister span a:hover{
color: red;
}


.basket{
width: 190px;
height: 40px;
display: inline-block;
}
.basket_right{
width: 25px;
height: 25px;
float: right;
}


.basket_right img{
margin: 8px 14px;
width: 25px;
height: 25px;

}

.sabad{
width: 55px;
height: 40px;
background: #62B965;
border-radius: 0 4px 4px 0;

}
.basket_left{
width: 135px;
height: 40px;
background:#4CAF50;
float: left;
border-radius:4px 0 0 4px;

}


.sabad_kharid{
float: right;
padding-right: 30px;
line-height: 38px;
color: #fff;

}

.circle{
width: 24px;
height: 24px;
border-radius: 100%;
float: left;
background: rgba(255,255,255,.4);
padding: 4px 7px;
margin: 6px 8px 6px 25px;
color: #fff;
}

.search{
width: 450px;
height: 40px;
float:left;
margin-left: 3px;
position: relative;

}

.search_text{
width: 440px;
height: 38px;
border:1px solid gray;
padding-right: 10px;
font-size: 14px;
margin-right: 10px;
}


.search_icon{
width: 45px;
height: 38px;
background: #ccc url(images/search-icon.png) no-repeat center;
border: 0;
position: absolute;
left:-1px;
top:0px;
}
.search_icon:hover{
background: #9DA3B1 url(images/search-icon.png) no-repeat center;
}
nav{
width: 100%;
height: 40px;
background: #F7F8FA;
border-top:1px solid #F1F2F4;
box-shadow: 0 1px 3px #ccc;
}

#topmenu{
width: 1200px;
height: 40px;
margin: 0 auto;


}
#topmenu > ul{
list-style: none;
padding: 10px 15px;
position: relative;



}
#topmenu > ul > li{
float: right;
height: 40px;





}
#topmenu > ul > li > a{
display: block;
padding: 0 15px;
color: #000000;
height: 40px;

}
.icon-down{
display:block;
width: 20px;
height: 20px;
background: url(images/down-icon.png) no-repeat center;
float: left;
margin-right: 5px;
}
#topmenu > ul > li > ul{
width: 1199px;
height: 40px;
background: #fff;
position: absolute;
margin: -10px 0 0 0 ;
box-shadow: 0 2px 3px #ccc;
right: 0;
display: none;
}

#topmenu > ul > li > ul > li{
float: right;
padding: 10px 20px;

}
#topmenu > ul > li > ul > li > a{
color: #000;
display: block;
}

.menulevel3{
width: 1200px;
height: 320px;
background: #f9f9f9;
position: absolute;
border-top:1px solid #ccc;
margin: 14px 0 0 0;
right: 0;
box-shadow: 0 1px 2px #ccc;
display: none;
}



.menulevel3_col{
width: 300px;
height: 100%;
border-left: 1px solid #ccc;
float: right;

}
.imagmenu{
position: absolute;
left: 0;
top: -10px;
}

.ul_menulevel3{
padding: 10px 10px 0 0 ;
}

.ul_menulevel3 li{
padding-right: 18px;
padding-bottom: 10px;
}

.ul_menulevel3 li:first-child > a{
color: blue;

}
.ul_menulevel3 li:first-child {
padding-right: 5px;
}



.ul_menulevel3 li a{
color: #000;
}

#topmenu > ul > li:hover > a{

color: blue;
transition: all 0.2s ease;
}

.activemenu > ul > li:hover > a {
color: red!important;
transition: all 0.2s ease;
}

.activemenu ul ul >li:hover > a{
color: orange;
transition: all 0.2s ease;
}


.main{
width: 1200px;
height: 600px;

margin: 0 auto;
margin-top: 15px;
}


.banner-top{
width: 1200px;
height: 140px;
border-radius: 5px;
}

.images-banner{
width: 100%;
height: 139px;
border-radius: 6px;
margin-bottom: 10px;
}
.sidbar{
float: right;
width: 290px;
height: 500px;


}
.container{
float: left;
width: 890px;
height: 600px;
background: red;

}
.border-telegram{
border-radius: 6px;
}
.margin_bottom img{
margin-bottom: 8px;
}

.brands{
float: right;
width:300px;
height: auto;
margin-bottom: 12px;
}
.brands a{
background: #fff;
width: 140px;
height: 95px;
display: block;
box-shadow: 0 1px 3px #ccc;
border-radius: 4px;
overflow: hidden;
margin: 0 0 10px 10px;
float: right;


}
.brands a img{
width: 100%;

}

.brands a:nth-child(even){
float: left;
margin: 0;
}

New Member
پست: 12
تاریخ عضویت: دو شنبه 4 دی 1396, 5:14 pm
سپاس‌های ارسالی: 6 بار
سپاس‌های دریافتی: 3 بار
تماس:

Re: برطرف کردن مشکل زیر منو

پست توسط tourkadeh » یک شنبه 10 دی 1396, 11:44 am

هیچکسی نمیتونه کمک کنه؟
حتما به علایق خود خواهید رسید
سایت من [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] ، [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]، [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

Colonel II
Colonel II
نمایه کاربر
پست: 3471
تاریخ عضویت: جمعه 20 اردیبهشت 1387, 9:44 am
سپاس‌های ارسالی: 5879 بار
سپاس‌های دریافتی: 12410 بار
تماس:

Re: برطرف کردن مشکل زیر منو

پست توسط Solver » یک شنبه 10 دی 1396, 2:05 pm

بهتره پست خودتون را ویرایش کنید و کدها رو در تگ Code اینجا ارسال کنید یا اگر امکانش باشد در یک فیدل آنلاین مثل لینک های زیر ایجادشد کنید و فقط لینک را ارائه کنید تا امکان بررسی فراهم باشد:

[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]
Personal Site: [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

New Member
پست: 12
تاریخ عضویت: دو شنبه 4 دی 1396, 5:14 pm
سپاس‌های ارسالی: 6 بار
سپاس‌های دریافتی: 3 بار
تماس:

Re: برطرف کردن مشکل زیر منو

پست توسط tourkadeh » یک شنبه 10 دی 1396, 2:13 pm

Solver نوشته شده:بهتره پست خودتون را ویرایش کنید و کدها رو در تگ Code اینجا ارسال کنید یا اگر امکانش باشد در یک فیدل آنلاین مثل لینک های زیر ایجادشد کنید و فقط لینک را ارائه کنید تا امکان بررسی فراهم باشد:

[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]


این سایت ها برای کد نوشتن هست؟ چطوری ایراد رو میگیره؟ من از برنامه sublime استفاده میکنم
حتما به علایق خود خواهید رسید
سایت من [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید] ، [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]، [لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

ارسال پست

بازگشت به “Web Programming”