Gorsk.net Studio
вторник, 23 января 2018
 
Оформление модулей Версия для печати
автор Anch среда, 11 мая 2005
Небольшой урок, повествующий о том, как сделать, чтобы не все модули в Mambo выглядели одинаково.

Как правило все модули берут общее оформление из класса table.moduletable, оформление шапки (названия) модуля - соответственно из класса table.moduletable th и оформление "тела" (body) модуля - из класса table.moduletable td.
Также может существовать еще table.moduletable ul, который заведует оформлением списков в модулях. Это основы. А теперь сам урок.

Шаг 1.
В файле css шаблона, в котором вы хотите применить альтернативное оформление модулей, находим все, что начинается с table.moduletable и копируем. При этом в скопированные классы добавляем суффикс (например -alt).
Важно: суффикс может быть любым, главное, чтоб он был прописан латинскими буквами через дефис (дефис - для того, чтоб вы сами не путались).

Итак, например, у нас было:
_____________________________________________
table.moduletable {
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #FFFFFF;
}

table.moduletable th {
height: 20px;
vertical-align: middle;
background-color: #BB0000;
border-bottom: 2px solid #FFFFFF;
}

table.moduletable td {
background-color: #5F68A0;
}
_____________________________________________

и после копирования и добавления суффиксов появилось:
_____________________________________________
table.moduletable {
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #FFFFFF;
}

table.moduletable th {
height: 20px;
vertical-align: middle;
background-color: #BB0000;
border-bottom: 2px solid #FFFFFF;
}

table.moduletable td {
background-color: #5F68A0;
}

table.moduletable-alt {
width: 100%;
margin-bottom: 10px;
}

table.moduletable-alt th {
height: 20px;
vertical-align: middle;
background-color: #BB0000;
border-bottom: 2px solid #FFFFFF;
}

table.moduletable-alt td {
background-color: #DEDEDE;

}
_____________________________________________

В классе с суффиксом -alt мы убрали нижний бордюр и заменили цвет бэкграунда в оформлениии "тела" модуля.
Теперь у нас имеются как бы два разных класса, отвечающих за оформление модулей, но реально mambo выглядит по-старому, как будто бы мы ничего не добавляли.

Шаг 2.
Теперь мы должны разобраться, как сделать так, чтобы некоторые модули оформлялись при помощи созданного нами альтернативного класса.
- Идем в админ.панель.
- Там выбираем модуль, к которому мы хотим применить альтернативное оформление (как в созданном классе table.moduletable-alt).
- Идем в параметры. В поле Module Class Suffix прописываем -alt (именно так, начиная с дефиса!).
- Сохраняем результат.
Наслаждаемся!


P.S. Количество альтернативных стилей может быть неограниченным.
Главное, не запутайтесь в суффиксах и собственном css.
________
Желаю всем удачи!
Anch
< Пред.   След. >
 
 
GE
Login Form (+IPB)

Login: 
Password: 
Забыли пароль?
(pass remind)
Main Menu
Главная
Новости
Релизы
Файлы
Форум
Руководства
Ссылки
Контакты / Contacts
Хостинг
License/Лицензии
Translate me!
Рекомендуем

IPB+Mambo/joomla Integration pack

Лучший браузер!

Партнеры
Друзья

Russian Mozilla Team

iTea.su

Счетчики

Рейтинг@Mail.ru

Rambler's Top100

Яндекс цитирования


Проверить аттестат
Статьи

 
mambo firefox css xhtml php mysql apache