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

Обговорення тем про дизайн та верстка нових шаблонів та редагування. Доопрацювання та модифікації клубних шаблонів.
shaman
Команда підтримки
Команда підтримки
Повідомлень: 287
З нами з: 07 травня 2007, 21:44
Звідки: Україна, Київ

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

Повідомлення shaman » 06 серпня 2007, 18:30

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

Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1166
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 2 рази
Подякували: 12 рази
Контактна інформація:

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

Повідомлення Dutch » 06 серпня 2007, 18:36

shaman
Команда підтримки
Команда підтримки
Повідомлень: 287
З нами з: 07 травня 2007, 21:44
Звідки: Україна, Київ

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

Повідомлення shaman » 06 серпня 2007, 19:08

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

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

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

а не в

table.moduletable
:)
Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1166
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 2 рази
Подякували: 12 рази
Контактна інформація:

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

Повідомлення Dutch » 06 серпня 2007, 19:27

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

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

/*класи для горизонтального меню*/
.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
Користувач
Користувач
Повідомлень: 120
З нами з: 24 січня 2007, 10:04
Подякували: 1 раз

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

Повідомлення inf4mi » 12 серпня 2007, 21:28

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

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

Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1166
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 2 рази
Подякували: 12 рази
Контактна інформація:

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

Повідомлення Dutch » 13 серпня 2007, 01:12

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

[php]

div.01_new{
}

div#01_new {
}

[/php]

Тобто не всі браузери зрозуміють, що це таке.
Востаннє редагувалось 13 серпня 2007, 01:14 користувачем Dutch, всього редагувалось 1 раз.
kubid@
Користувач
Користувач
Повідомлень: 4
З нами з: 05 січня 2014, 12:35

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

Повідомлення kubid@ » 11 вересня 2007, 01:22

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

можли хтось вже бачив таке? якщо у когось є подібний шаблон меню, дайте будласка лінк звідки можно скачати, або приведіть приклад в коді  :-o
Востаннє редагувалось 11 вересня 2007, 01:25 користувачем Anonymous, всього редагувалось 1 раз.
kubid@
Користувач
Користувач
Повідомлень: 4
З нами з: 05 січня 2014, 12:35

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

Повідомлення kubid@ » 17 вересня 2007, 12:34

Мне кто нить может подсказать как это реализовать?!
pluhpluh
Користувач
Користувач
Повідомлень: 50
З нами з: 08 лютого 2008, 10:37
Звідки: Київ

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

Повідомлення pluhpluh » 11 липня 2008, 00:24

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

  • Similar Topics
    Відповіді
    Перегляди
    Останнє повідомлення

Повернутись до “Шаблони для Joomla — дизайн, верстка, модифікації”

Хто зараз онлайн

Зараз переглядають цей форум: 2 і 0 гостей