بک گراند منو

[بچه فضول 10]

سلام دوستان منو توی سایت توی قسمت منوهاش یه بک گراندهای قرار دادم ولی الان یه مشکل دارم اونم اینه که

وقتی مثلا میریم روی گزینه بیوگرافی معماران می ایستیم بک گراند بهش دادم تا رنگش تغییر کنه و زیرش هم دوتا منوی دیگه باز میشه خوب حالا اگه به سمت پایین یعنی به سمت بیوگرافی معماران ایرانی یا خارجی بریم بک گراند اون اولی از بین میره باید چه کار کنم که از بین نره؟ (اون بک گراند را توی قسمت haver بهش دادم)

اگه به سایت برین حتما متوجه میشین منظورم چیه!!!

difal.ir

[Morteza 34190]

در hover به خود المان مادر استایل بدید مثلا بصورت زیر:

ul li:hover .parent

ببینید عمل میکنه؟

[بچه فضول 10]

من نفهمیدم چی میگید چون خیلی بلد نیستم و با آزمون و خطا بهش میرسم

این کد هاشه (لطفا بگید چه کار کردید تا منم یاد بگیرم)

/*Page menu*/

#foxmenucontainer{

height:38px;

display:block;

padding:0px 0 0px 0px;

font: 12px Tahoma,Century gothic,verdana, sans-serif;

font-weight:normal;

width:1000px;

background:url(images/meno.png);

}

#menu{

margin:0px 10px;

padding: 0px;

height:41px;

overflow:hidden;

float: right;

}

#menu ul {

float: right;

list-style: none;

margin: 0px;

padding: 0px;

}

#menu li {

float: right;

list-style: none;

margin: 0px;

padding: 0px;

}

#menu li a, #menu li a:link, #menu li a:visited {

color:#fff;

display: block;

margin: 0px;

padding: 0px 10px ;

line-height:41px;

}

#menu li a:hover, #menu li a:active {

height:38px;

background:#C0C0C0;

color: #222;

margin: 0px;

padding: 0px 10px ;

line-height:41px;

text-decoration: none;

}

#menu li li a, #menu li li a:link, #menu li li a:visited {

background:#A9A9A9;

width: 150px;

color:#000000;

font-weight: normal;

float: none;

margin: 0px;

padding: 0px 10px ;

line-height:32px;

border-top: 2px solid #D8323C;

border-bottom: 2px solid #D8323C;

}

#menu li li a:hover, #menu li li a:active {

background: #808080;

color: #fff;

padding: 0px 10px ;

line-height:32px;

}

#menu li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin: 0px;

padding: 5px;

background:#C0C0C0;

}

#menu li li {

}

#menu li ul a {

width: 140px;

}

#menu li ul a:hover, #menu li ul a:active {

}

#menu li ul ul {

margin: -38px 0 0 170px;

}

#menu li:hover ul ul, #menu li:hover ul ul ul,

#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {

left: -999em;

}

#menu li:hover ul, #menu li li:hover ul,

#menu li li li:hover ul, #menu li.sfhover ul,

#menu li li.sfhover ul, #menu li li li.sfhover ul {

left: auto;

}

#menu li:hover, #menu li.sfhover {

position: static;

}

ویرایش شده مرداد 92 توسط Morteza

[Morteza 34190]

در اصل الان باید تاپیک رو قفل و بایگانی کنم بخاطر اسپم

اما چون دفعه اولتون هست تاپیک باز میمونه

دیگه هر روز چندی بار داریم تذکر میدیم که دوستان لطفا اسپم نکنید

دیگه خودمون هم موندیم....

-----------

کدی که گفتم کار نمیکنه

بنظر جی کوئری بهترین راه هست

توی پوسته تون جی کوئری لود شده؟

[بچه فضول 10]

دوست من مدیر محترم توی تمام انجمن ها وقتی یه تاپیکی بعد از یک روز جواب نگرفت آپ میکنن تا اونهایی که ندیدن ببینن و جزء اسپم حساب نمیکنن!!!!!!!!!!!

در مورد اون قسمت دوم حرفتون من بهتون گفتم که من نفهمیدم که گفتید چه کار کنم آخه من خیلی بلد نیستم و کدها را قرار دادم تا شما زحمتش را بکشی

[Morteza 34190]

دوست من مدیر محترم توی تمام انجمن ها وقتی یه تاپیکی بعد از یک روز جواب نگرفت آپ میکنن تا اونهایی که ندیدن ببینن و جزء اسپم حساب نمیکنن!!!!!!!!!!!

اسپم در هر ساعت و تایمی اسپم هست ولی ما اینجا یک توضیحی دادیم:

چرا تاپیک بی جواب مونده؟!

والبته اشتباه برداشت نشه در مواقع خیلی حاد تاپیک بالا بیاد مشکلی نیست

و اینجا دوستان زیادی هستن که همه تاپیک ها رو مطالعه میکنن و اگر قدرت پاسخدهی داشته باشن دریغ نمیکنن و در نتیجه اگر دیدی پاسخ نگرفت پس هنوز دوستانی هستن که مطالعه نکردن....

در نهایت اسپم = اخطار

-----------

شما کد زیر رو به فایل هدرتون اضافه کنید. آخرین بخش قبل تگ head

<script>
jQuery(document).ready(function(){
    jQuery('#menu li').hover(function(){
	    jQuery(this).addClass('active');
	    jQuery(this).parent().parent().addClass('active');
    },
    function(){
	    jQuery(this).removeClass('active');
	    jQuery(this).parent().parent().removeClass('active');
    }
    );
});
</script>

اینهم به استایل اضافه بشه:

#menu li.active {
    background:#C0C0C0;
    }

موفق باشید