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

[elmi1413 7]

سلام

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

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

[محمدحسین میری 3,094]

درود بر شما

 

باید درون منو این مورد برنامه نویسی شده باشد

از منوهایی مثل maximenu استفاده کنید خیلی بهتره

[elmi1413 7]

آخه نیازی به استفاده از افزونه نیست

از کد زیر در 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;
}

ولی نمیدونم کجا و چجوری اینکار رو انجام بدم

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

[farhad6169 125]

با سلام

 

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

 

#menu .moduletable .menu li:hover a

 

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

 

ولی فکر می کنم که به جای hover از active استفاده کنید و براش استایل بنویسید درست بشه

 

یا یه همچین کدهایی رو تست کنید

 

#menu .moduletable .menu li .active > a,
#menu .moduletable .menu li > a:hover,
#menu .moduletable .menu li > a:focus {
  color: #ffffff;
  background-color: #111111;
}

 

 

 

 

 

موفق باشید