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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط madidi
      سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 
      توی تصویر زیر کامل توضیح دادم 
      چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟
      ممنون 

    • توسط bully13
      با سلام
      این آیکون های منوی قالب نیلسن قبلا نشون داده میشد اما الان به صورت مربع نشون میده
      توی سایت درست نشون داده میشه ولی تو خود وردپرس اینجوریه


    • توسط madidi
      سلام 
      چطور میشه شرط برای یه المان تعریف کرد ؟
      مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟
    • توسط nazanin123
      سلام
      من با این دو روش استایل reset.css رو به پوسته معرفی میکنم ،
      میخوام برای کش نشدن ver=2.0 به انتهای css اضافه بشه میخوام این استایل پایین تر از rtl.css قرار بگیره  در حال حاضر کدهای زیر رو امتحان کردم و جواب نگرفتم !!!
      //روش اول add_action( 'wp_enqueue_scripts', 'custom_styles' ); function custom_styles() { wp_register_style( 'reset', get_template_directory_uri().'/my/reset.css', array(), '2.0', 'all' ); wp_enqueue_style( 'reset' ); } //روش دوم add_action( 'wp_enqueue_scripts', 'custom_styles' ); function custom_styles() { wp_enqueue_style( 'reset', get_template_directory_uri().'/my/reset.css',false,'2.0','all' ); }  
    • توسط yaali
      سلام دوستان
      این سایدبار سایت ما مشکل پیدا کرده.
      توی صفحه اصلی درسته ولی توی صفحه نوشته و دسته ها میره بالا
      مشکلش چیه؟
      مرسی
      http://ghalamsoft.ir/shop/افزونه-پرداخت-قسط-نگارش-2/