majid1605
12-26-2009, 09:49 PM
این فایل Css منوی سایتم هست یکی از دوستان می تونه در موردش توضیح بده که کار هرکدوم از قسمت ها چیه ؟
مثلا کار این بلوک چیه یا مربوط به چی هستش ul#mainlevel-nav
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 4px;
float: right;
font-size: 11px;
line-height: 30px;
white-space: nowrap;
background-image:url(../images/top_link.png);
background-repeat:no-repeat;
background-position:right top;
height:30px;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color:#333333;
background: transparent;
}
ul.menu li a{
display: block;
background: url(../images/menu_bg.png) no-repeat;
background-position:right top;
font-size: 11px;
font-weight: normal;
color:#ffffff;
text-align: right;
padding-right: 20px;
height: 26px;
line-height:26px;
width: 145px;
text-decoration: none;
}
ul.menu{
list-style:none;
list-style-image:none;
}
ul.menu li a:hover {
text-decoration: none;
color:#ffffff;
}
#current {
color:#993300;
font-weight: bold;
font-size:11px;
}
a.mainlevel#active_menu:hover {
color: #999999;
}
ul.menu li ul li a:link, ul.menu li ul li a:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
color: ffffff;
text-align: right;
background:none;
padding-left:25px;
}
ul.menu li#current ul li a , ul.menu li#current ul li a:link{
background-image: url(../images/rtl/sm_link.png);
background-repeat: no-repeat;
text-align: right;
text-indent: 22px;
color: #000000;
ul.menu li ul li a:hover {
color: #990000;
text-decoration: none;
}
ul.menu li ul li a#active_menu {
color: #333;
}
مثلا کار این بلوک چیه یا مربوط به چی هستش ul#mainlevel-nav
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 4px;
float: right;
font-size: 11px;
line-height: 30px;
white-space: nowrap;
background-image:url(../images/top_link.png);
background-repeat:no-repeat;
background-position:right top;
height:30px;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color:#333333;
background: transparent;
}
ul.menu li a{
display: block;
background: url(../images/menu_bg.png) no-repeat;
background-position:right top;
font-size: 11px;
font-weight: normal;
color:#ffffff;
text-align: right;
padding-right: 20px;
height: 26px;
line-height:26px;
width: 145px;
text-decoration: none;
}
ul.menu{
list-style:none;
list-style-image:none;
}
ul.menu li a:hover {
text-decoration: none;
color:#ffffff;
}
#current {
color:#993300;
font-weight: bold;
font-size:11px;
}
a.mainlevel#active_menu:hover {
color: #999999;
}
ul.menu li ul li a:link, ul.menu li ul li a:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
color: ffffff;
text-align: right;
background:none;
padding-left:25px;
}
ul.menu li#current ul li a , ul.menu li#current ul li a:link{
background-image: url(../images/rtl/sm_link.png);
background-repeat: no-repeat;
text-align: right;
text-indent: 22px;
color: #000000;
ul.menu li ul li a:hover {
color: #990000;
text-decoration: none;
}
ul.menu li ul li a#active_menu {
color: #333;
}