هذه هيا الكلاسات الخاصة بقائمة المين بار
قم بتظبيط الالوان للتتناسب مع كل ستايل
بالتوفيق اخى
CODE
#primary_nav
{
background: #5C3838 url(images/primary_nav.gif) repeat-x;
margin-left: auto;
margin-right: auto;
width: 97%;
font-family: Tahoma;
font-size: 11px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: -1px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 40px;
outline: none;
}
#primary_nav li
{
display:inline-block;
padding-left: 1px;
list-style:none;
}
#primary_nav a
{
padding-top: 8px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
display: block;
height: 28px;
line-height:23px;
}
#primary_nav a:hover
{
background: #5C3838 url(images/primary_nav2.gif) repeat-x;
color: #FFFFFF;
display: block;
height: 28px;
font-size: 11px;
font-weight: bold;
text-decoration:none;
line-height:23px;
outline: none;
}
.primary_tabon a
{
background: #EEE3E3 url(images/primary_nav1.gif) repeat-x;
color: #5C3838;
display: block;
height: 29px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
font-size: 11px;
font-weight: bold;
outline: none;
}
#primary_nav .primary_tabon a
{
background: #EEE3E3 url(images/primary_nav1.gif) repeat-x;
color: #3e2640;
display: block;
height: 29px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
font-size: 11px;
font-weight: bold;
}
#primary_nav div.drop_menu a
{
background: transparent;
margin: 0;
text-shadow: none;
border: 0;
text-decoration: none;
padding: 0px;
display: inline-block;
height: auto !important;
}
#primary_nav div.drop_menu a:hover
{
background: transparent;
margin: 0;
text-shadow: none;
border: 0;
text-decoration: none;
padding: 0px;
display: inline-block;
height: auto !important;
}
#primary_nav ul
{
padding: 0px;
display: inline-block;
margin: 0px;
}
#subnavigation
{
background: #c986ca;
margin-left: auto;
margin-right: auto;
width: 97%;
font-family: Tahoma;
font-size: 11px;
padding-left: 4px;
padding-right: 4px;
padding-top: 8px;
padding-bottom: 2px;
border-radius:0 0 4px 4px;
clear:both;
min-height:28px;
}
#subnavigation li
{
display:inline-block;
padding-left: 1px;
list-style:none;
border-left: 1px solid #D6BCBC;
}
#subnavigation a
{
color: #e6c9e8;
clear:both;
min-height:28px;
font-size: 11px;
font-weight: bold;
margin: -2px 0;
padding:0 12px;
display:block;
line-height:24px;
text-decoration:none;
height:1%;
zoom:1;
border-radius:4px;
}
.solid_subnav
{
border-left: 1px solid #D6BCBC;
color: #D6BCBC;
font-size: 16px;
margin-right: 4px;
margin-left: 4px;
}
#subnavigation a:hover
{
background: #EEE3E3 url(images/subnavigation1.gif) repeat-x;
color: #4C2E2E;
clear:both;
min-height:24px;
font-size: 11px;
font-weight: bold;
margin: -2px 0;
padding:0 12px;
display:block;
line-height:24px;
text-decoration:none;
height:1%;
zoom:1;
border-radius:4px;
outline: none;
}
#subnavigation div.drop_menu a
{
background: transparent;
margin: 0;
text-shadow: none;
border: 0;
text-decoration: none;
padding: 0px;
display: inline-block;
height: auto !important;
}
#subnavigation .primary_tabon a
{
background: #c059c1;
color: #FFFFFF;
clear:both;
min-height:24px;
font-size: 11px;
font-weight: bold;
margin: -2px 0;
padding:0 12px;
display:block;
line-height:24px;
text-decoration:none;
height:1%;
zoom:1;
border-radius:4px;
}
#subnavigation div.drop_menu a:hover
{
background: transparent;
margin: 0;
text-shadow: none;
border: 0;
text-decoration: none;
padding: 0px;
display: inline-block;
height: auto !important;
}
#subnavigation ul
{
padding: 0px;
display: inline-block;
margin: 0px;
}