بچه فضول

بک گراند منو

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

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

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

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

difal.ir

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


لینک به پست

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

ul li:hover .parent

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

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


لینک به پست

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

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

/*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;

}

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

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


لینک به پست

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

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

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

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

-----------

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

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

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

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


لینک به پست

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

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

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


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

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

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

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

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

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

-----------

شما کد زیر رو به فایل هدرتون اضافه کنید. آخرین بخش قبل تگ 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;
}

موفق باشید

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


لینک به پست

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

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

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

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


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

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

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


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