های لایت شدن گزینه های منو

[elmi 10]

سلام دوستان

از کد زیر در css برای منو استفاده کردم و حالا میخوام تنظیم کنم که کاربر مثلا صفحه اصلی رو که انتخاب کرد، وقتی تو صفحه اصلی هست، گزینه "صفحه اصلی" های لایت باشه تا کاربر بداند در کدام صفحه از منو قرار دارد

چجوری میشه تنظیم کرد؟

/*::::: menu :::::*/

#menu .moduletable {
direction: rtl;
float: left;
}
#menu .moduletable .menu, #menu .moduletable .menu ul, #menu .moduletable .menu li, #menu .moduletable .menu a {
margin: 0 auto;
padding: 0;
border: none;
outline: none;
}
#menu .moduletable .menu {
height: 55px;
width: 580px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#menu .moduletable .menu li {
position: relative;
list-style: none;
float: right;
display: block;
height: 55px;
}
#menu .moduletable .menu ul {
display: none;
}
#menu .moduletable .menu li a {
display: block;
padding: 0 20px;
margin: 0;
line-height: 52px;
text-decoration: none;
font-family: nazanin, pars, tahoma;
font-weight: bold;
font-size: 22px;
color: #f3f3f3;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
#menu .moduletable .menu li:first-child a {
border-right: none;
}
#menu .moduletable .menu li:last-child a {
border-left: none;
}
#menu .moduletable .menu li:hover a {
color: #ffffff;
background-color: #00B4E5;
height: 55px;
}

[jeneral 15]

سلام دوست عزیز

برای منوی انتخاب شده میتونید از خاصیت :active استفاده کنید.

http://css-tricks.com/almanac/selectors/a/active/

موفق باشید.

[elmi 10]

تست کردم ولی مشابه hover عمل کرد

من می خوام وقتی وارد صفحه مقصد میشه، گزینه منو اتومات های لایت بشه

[Vahid Taheri 74]

معمولا آیتم فعال کلاس active میگیره و میتونید برای .active استایل بنویسید.

برای راهنمایی دقیق تر آدرس سایتتون رو قرار بدین

[elmi 10]

ممنون میشم راهنمایی کنید

آدرس سایت

[Vahid Taheri 74]

بله همونی که گفتم درسته

از این کد استفاده کنید :

#menu li.active {
	background : rgba(255,255,255,0.3); 
}

لازم به ذکره که به جای active میتونید از current هم استفاده کنید.

موفق باشید

[elmi 10]

دستتون درد نکنه، عالی بود

درست شد

ممنون

موفق باشید

[elmi 10]

چجوری میتونم این تاپیک رو تبدیل به حل شده کنم؟

[Vahid Taheri 74]

فقط مدیران انجمن این دسترسی رو دارند.

پیشوند " حل شده " به موضوع اضافه شد.

در پناه حق

[elmi 10]

ممنون جناب طاهری عزیز

فکر کردم مثل ipb هست و میشه ایجاد کننده تاپیک اینکار رو انجام بده

باز هم ممنون

موفق باشید