shadow.pro
Registered User
سلام
مشکل من اینه که منوی اصلی که در سمت راست سایتم هست:|:| وقتی ترتیب عوض میکنم یعنی محصولات رو بجای تماس با ما میبرم تغییر اعمال میشه ولی حالت اکشن و فوکوس تغییر میکنه یعنی با کلیک روی تماس با ما ، محصولات روشن میشه ؟؟!!
عکس هم قرار دادم و همین طور فایل HTML,CSS
http://upcity.ir/images2/53599913250746835741.png
HTML:
css:
مشکل من اینه که منوی اصلی که در سمت راست سایتم هست:|:| وقتی ترتیب عوض میکنم یعنی محصولات رو بجای تماس با ما میبرم تغییر اعمال میشه ولی حالت اکشن و فوکوس تغییر میکنه یعنی با کلیک روی تماس با ما ، محصولات روشن میشه ؟؟!!
عکس هم قرار دادم و همین طور فایل HTML,CSS
http://upcity.ir/images2/53599913250746835741.png
HTML:
HTML:
<nav>
<ul id="menu">
<li><a href="#!/page_Home"><span></span><strong>صفحه اصلی</strong></a></li>
<li><a href="#!/page_About"><span></span><strong>درباره ما</strong></a></li>
<li><a href="#!/page_Portfolio"><span></span><strong>گالری و مشخصات</strong></a></li>
<li><a href="#!/page_Services"><span></span><strong>محصولات ما</strong></a></li>
<li><a href="#!/page_Contact"><span></span><strong>تماس با ما</strong></a></li>
</ul>
</nav>
HTML:
#menu {padding-top:122px; float:left; text-align:left; }
#menu > li {width:100%;overflow:hidden;padding-bottom:4px}
#menu > li > a {display:inline-block;font-size:26px;line-height:54px;height:56px;color:#fff;background:#000;text-decoration:none;position:relative;letter-spacing:0px;cursor:pointer; font-family:BKoodak;
}
#menu > li > a span {display:block;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0; font-family:BYekan;}
#menu > li > a strong {position:relative;display:block;padding:0 95px 0 40px;height:56px}
#menu > li > a:hover, #menu > li > a.active {color:#000;}
#menu > li > a:hover strong, #menu > li > a.active strong{}