| Оформление модулей |
|
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 |
|
| < Пред. | След. > |
|---|

Anch 

