رفتن به مطلب

مشکل در دسته آبشاری


پست های پیشنهاد شده

سلام به همه دوستای گلم

post-4715-0-04494600-1390041739_thumb.pnیه مشکل اساسی دارم با قسمت دسته بندی سایت خودم

به این عکس نگاه کنید

با توجه به آموزش شما من این کد ها رو تو (sidebar.php)


<div id="list-categoory">
<?php wp_list_categories('&hide_empty=0&title_li'); ?>
</div>

<script type="text/javascript" src="http://ax9.ir/jquery-1.10.2.min.js"></script>
<!--Jquery-->
<script type="text/javascript">
$(function(){
$("#list-categoory li").each(function(index,element){
if($(this).children("ul").length){
$(this).addClass("hasChild");
}
});
});
</script>
<!--/Jquery-->

و این کدها رو داخل style.css) کپی کردم


#list-categoory {
font: 17px FontAwesome;
list-style: none;
}
#list-categoory li {
border-bottom: 1px solid #E4E4E4;
cursor: pointer;
padding: 10px 20px;
}
#list-categoory li a {
color: #8A8A8A;
}
#list-categoory li:hover a {
color: #424242;
}
#list-categoory li > ul {
display: none;
}
.hasChild {
background: url("img/+.png") no-repeat scroll right 13px;
}

li.hasChild:hover > ul.children {
display: block !important;
}
li.hasChild:hover {
background: url(img/-.png) no-repeat scroll right 13px !important;
}
ul.children {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #cccccc;
border-radius: 3px;
}

حالا با اضافه کردن این کدها که گفتید نصف مشکلم حل شده اما یه مشکلی که تو این کدها هست اونم اینه که با توجه به عکس اگه من موس رو مثلا میبرم رو سرگرمی یه سری زیز مجموعه باز میشه وقتی موس میره رو زیرمجموعه ها هیچ تغییری تو شکل ظاهری اون زیر مجموعه ایجاد نمیشه یعنی نه رنگش عوض میشه نه لینک دار میشه نه فونتش bold مشه نه پشت زمینش تغییر میکنه

اگه امکانش هست این مشکل منو حل کنید ایده ال خودم اینه که یا رنگش عوض شه یا bold بشه

مرسی

اگه بجای آبشاری ، کشویی بشه ممنون مشم

ببخشید بابت پستای پشت هم

ویرایش شده توسط Parsa
لینک به ارسال

تست کنید


li.hasChild:hover {
font-weight:bold;
background-color:#f00;
}
ul.children:hover {
font-weight:bold;
background-color:#f00;
}

http://html-color-codes.com/

لینک به ارسال

با تشکر از دوستان که وقتشونو در اختیار من گذاشتن

این کد رو اضافه کردم اما با اون چیزی که من می خوام فرق داره

شرمنده اگه می شه به عکس یه نگاه بندازین

این دقیقا اون چیزیه که من می خوام

post-4715-0-88773800-1390164484_thumb.jp

لینک به ارسال

http://basics.ir/css/vertical-menu/
http://webgoo.ir/107/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%D8%A2%D8%A8%D8%B4%D8%A7%D8%B1%DB%8C-%D8%B9%D9%85%D9%88%D8%AF%DB%8C-%D8%A8%D8%A7-%D8%AA%DA%AF-ul-li-%D9%88-css

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...