soheilyou

تفکیک کردن خروجی wp_nav_menu و اختصاص class و id به قسمت های مختلف برای ساخت منوی آبشاری

2 پست در این موضوع قرار دارد

من میخوام یه منوی آبشاری واسه خودم درست کنم با css و jquery

اساسش رو که تو یه فایل html ساده درست کردم به طوری که وقتی موس روی یه div میره juery یه div رو که مخفی بوده رو slidedown میکنه ! با این کد ها :

Html :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<!--------------------------------------------------------------------------------->
<script>
$(document).ready(function(){

$(".mother").mouseenter(function(){
$("#child").slideToggle("fast");
});

$(".mother").mouseleave(function(){

$("#child").slideUp("fast");
});

$(".child").mouseleave(function(){
$("#child").slideUp("fast");
});


});
</script>
</head>
<body>

<div class="mother" id="mother">
<div id="menuspace">slider </div>
<div class="child" id="child">slider </div>
</div>
</body>
</html>

css:


#mother{


width:300px;
height:100px;
background-color:#F93;
border: 1px solid black;
margin-bottom:4px;
}
#child{


width:300px;
height:200px;
background-color: #F3C;
border: 1px solid #6CF;
margin-bottom:4px;
display:none;
position:relative;

}
#menuspace
{
height:104px;}

الان من میخوام همین مبنای منو های خودم باشه ولی مشکلی که دارم اینه که من برای محتویات منو از کد :


<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'nav', 'menu_class' =>'topnav' ) ); ?>

استفاده میکنم و یه خروجی میده با یه سری nav و ul و li که میشه بهشون استایل داد ولی فقط با آدرس دادن نسبی مثلا اینجوری :


nav > ul > li > a {
font-family:BYekan, Tahoma, Geneva, sans-serif;
padding: 10px 20px;
}

منظورم اینه که مثلا برای یه دونه از دسته های خاص نمیشه کلاس یا آدی متمایز اختصاص داد !

اگه بتونم اینکار رو بکنم متونم دونه دونه از قسمت های خروجی رو با کلاس های متمایز جدا کنم و اونوقت مشخص کنم که مثلا وقتی موس رو div با Id="mother" رفت div با id="child" رو slidedown کنه !

37260896776279840422.jpg

post-4921-0-98194800-1391700877_thumb.jp

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      درود
      برای داینامیک کردن یک منو به مشکل خوردم و واقعا خیلی برام سخته که با توابع وردپرس این منو رو داینامیک کنم. لطفا اگه کسی میتونه کمک کنه؟
      <div class="header-holder hidden-xs hidde-sm"> <div class="logo-wrap"> <div class="logo-resize"></div> <div class="logo">منوی خیلی سخت</div> </div> <ul> <li class="enable-hover" data-menu-position="1" id="about-hmenu"><span class="hoverColor"></span><a href="about.html"><i class="fa fa-user-o"></i>درباره ما</a></li> <li class="enable-hover" data-menu-position="7" id="contact-hmenu"><span class="hoverColor"></span><a href="contact.html"><i class="fa fa-phone"></i>تماس با ما</a></li> <li class="enable-hover" data-menu-position="9" id="blog-hmenu"><span class="hoverColor"></span><a href="blog.html"><i class="fa fa-graduation-cap"></i>آموزش</a></li> <li class="enable-hover" data-menu-position="10" id="portfolio-hmenu"><span class="hoverColor"></span><a href="portfolios.html"><i class="fa fa-handshake-o"></i>نمونه کارها</a></li> <li class="enable-hover" data-menu-position="11" id="services-hmenu"><span class="hoverColor"></span><a href="services.html"><i class="fa fa-laptop"></i>خدمات</a></li> </ul> </div>  
    • توسط Rasoul
      سلام
      من میخواستم وقتی صفحه اسکرول میشه و هدر همراهش میاد پایین به هدر یه لگو مثلا اضافه بشه میدونم باید با جاوااسکریپ انجام بشه ولی من این زبان را تا این حد بلد نیستم ممنون میشم راهنماییم کنید.
      الان تو این دمو میخوام وقتی اسکرول میشه کنار My Header یک لوگو اضافه بشه و وقتی دوباره میبری بالا حذف بشه.
       
      دمو
    • توسط neda411
      سلام دوستان 2 روزه در به در دنبال اینم که یک منو داشته باشم دقیقا مثل سایت مایکت ( نسخه کوچیک شده ، رسپانسیو سایت) برای یک سایت موبایل که با HTML نوشته شده نیازمند چنین منویی هستم . خواهشا کمکم کنید
    • توسط acc
      سلام دوستان
      بنده علاقمند هستم که فونت و استایل یک ویجت خارجی که مربوط به چت انلاین هست رو تغییر بدم , ایا این به وسیله جاوا امکان پذیر است؟
      اگر از دوستان کسی در این زمینه مهارت دارد لطفا من را راهنمایی کند
       
      با تشکر
    • توسط madidi
      سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 
      توی تصویر زیر کامل توضیح دادم 
      چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟
      ممنون