За умовчуванням класи меню та класи модуля меню:
/*класи для горизонтального меню*/
.mainleveltop {
text-align: center!important;
border-collapse: collapse;
padding: 0;
margin: 0;
text-decoration: none;
}
a.mainleveltop:link, a.mainleveltop:visited {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center!important;
font-size: 12px!important;
color: #1E90FF;
font-weight: bold;
text-decoration: none;
}
a.mainleveltop:hover {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center;
color: #6495ED !important;
text-decoration: none;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
a.mainleveltop#active_menutop:link, a.mainleveltop#active_menutop:visited{
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #FF1493 !important;
text-decoration: none;
background-image: url(../images/menu.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
a.mainleveltop#active_menutop:hover {
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #6495ED !important;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
/*класи модуля меню*/
table.moduletable {
padding: 0;
margin: 10px 0 10px 0;
height: auto;
vertical-align: top;
width: 100%!important;
border-collapse: collapse!important;
}
table.moduletable th {
font-size: 140%!important;
font-family: Arial!important;
text-transform: uppercase;
height: 26px;
color: #98A9AD;
padding: 0 2px 0 0!important;
margin-bottom: 0px!important;
vertical-align: middle;
text-align: left;
border-collapse: collapse!important;
}
table.moduletable td {
padding: 2px 27px 2px 15px;
text-align: left;
color:#333333;
height: auto;
vertical-align: top;
border-collapse: collapse!important;
}
table.moduletable UL {
text-align: left;
}
table.moduletable LI {
text-align: left;
}
Прописуємо суфікс для модуля та меню _new:
/*класи для горизонтального меню*/
.mainleveltop_new {
text-align: center!important;
border-collapse: collapse;
padding: 0;
margin: 0;
text-decoration: none;
}
a.mainleveltop_new:link, a.mainleveltop_new:visited {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center!important;
font-size: 12px!important;
color: #1E90FF;
font-weight: bold;
text-decoration: none;
}
a.mainleveltop_new:hover {
display: block!important;
float: left!important;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px!important;
text-align: center;
color: #6495ED !important;
text-decoration: none;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
a.mainleveltop_new#active_menutop_new:link, a.mainleveltop_new#active_menutop_new:visited{
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #FF1493 !important;
text-decoration: none;
background-image: url(../images/menu.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
a.mainleveltop_new#active_menutop_new:hover {
display: block;
float: left;
padding: 0 12px 0 12px;
line-height: 28px;
height: 28px;
text-align: center;
color: #6495ED !important;
background-image: url(../images/menu_hover.png);
background-repeat: repeat-x;
background-position: 0 1px;
}
/*класи модуля меню*/
table.moduletable_new {
padding: 0;
margin: 10px 0 10px 0;
height: auto;
vertical-align: top;
width: 100%!important;
border-collapse: collapse!important;
}
table.moduletable_new th {
font-size: 140%!important;
font-family: Arial!important;
text-transform: uppercase;
height: 26px;
color: #98A9AD;
padding: 0 2px 0 0!important;
margin-bottom: 0px!important;
vertical-align: middle;
text-align: left;
border-collapse: collapse!important;
}
table.moduletable_new td {
padding: 2px 27px 2px 15px;
text-align: left;
color:#333333;
height: auto;
vertical-align: top;
border-collapse: collapse!important;
}
table.moduletable_new ul {
text-align: left;
}
table.moduletable_new li {
text-align: left;
}
Замість _new можно вписати любий суфікс.
В адмінці тільки прописуємо в поле Суфікс CSS класу: _new
От і все 🙂
