Змінити стиль вмісту модуля

[Shaman]

Ось таке з одного боку просте,а з іншого рідковідповідальне на рос. форумі питання : як змінити оформлення вмісту окремого модуля?Може тут мені хтось допоможе?
З суфіксами модулів питань немає, а от хто буде ласкавий сказати мені який клас table.moduletable слід додати в CCS теми?
Вже пробував писати
"table.moduletable-х lu"
       ....
"table.moduletable-х li"
       ......
Більше варіантів нема - текст в модулі не хоче змінювати свої властивості

[Dutch]

Внизу:
http://www.joomla-ua.org/content/view/21/24/1/2/

[Shaman]

Я просто не вірно задавав питання.Я думав що меню модуля і вміст модуля - це одне і теж)
Тобто,якщо справа стосується стилю меню,то це втановлюється в

a.mainlevel:link, a.mainlevel:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #A5D30C;
}

а не в

table.moduletable

[Dutch]

За умовчуванням класи меню та класи модуля меню:

Код: Виділити все

/*класи для горизонтального меню*/
.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

От і все

[inf4mi]

Замість _new можно вписати любий суфікс.
В адмінці тільки прописуємо в поле Суфікс CSS класу: _new

От і все

десь я читав, що потрібно -new
чи це ролі не грає?

[Dutch]

не грає
єдине, що може грати роль це число на початку індифікатора, наприклад:

Syntax: [ Download ] [ Hide ]

Syntax: [ Download ] [ Show ]

Using php Syntax Highlighting

div.01_new{
}

div#01_new {
}

 

Parsed in 0.016 seconds, using GeSHi 1.0.8.2

Тобто не всі браузери зрозуміють, що це таке.

[kubid@]

По такому меню все зрозуміло, але в мене трохи інше бажання що до розробки меню, сижу неможу збагнути я це реалізувати, нижче привожу приклад, як воно виглядає на картинкі:
http://i.piccy.kiev.ua/i/86/31/4a8dfa98 ... 2712f4.gif[/img]

можли хтось вже бачив таке? якщо у когось є подібний шаблон меню, дайте будласка лінк звідки можно скачати, або приведіть приклад в коді 

[kubid@]

Мне кто нить может подсказать как это реализовать?!

[pluhpluh]

Мне кто нить может подсказать как это реализовать?!

сделай просто 2 рисунка 1-для не активной ссылки(обычный такой как есть) и 2-для активной и сделай его повыше.а потом просто назначь для нективной и посещенной ссылки-1й рис а для активной-2:)