Разный внешний вид правого и левого меню...

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем sled, 15.08.2007.

Статус темы:
Закрыта.
  1. Offline

    sled Недавно здесь

    Регистрация:
    15.08.2007
    Сообщения:
    1
    Симпатии:
    0
    Проблема такого плана: как сделать так, чтобы правое меню отображалось в одном стиле (одна фоновая картинка, выравнивание и др.), а левое - в другом?

    Заранее благодарю за ответ :)
     
  2.  
  3. Jkr
    Offline

    Jkr Группа поддержки

    Регистрация:
    04.08.2006
    Сообщения:
    464
    Симпатии:
    27
    Пол:
    Мужской
    Ответ: Разный внешний вид правого и левого меню...

    есть такая штука в настройках модуля (в данном случае - модуля меню) - css-суффикс модуля. в его описании (прямо когда наводишь на него) сказано, что он позволяет сделать индивидуальный стиль для модуля. работает это так:
    1) назначаете суффикс (например _left для левого, _right - для правого);
    2) идете в css-файл шаблона и ищите там:
    а) если модуль выводится в таблицах (mosLoadModules('позиция', 0); или mosLoadModules('позиция');):
    Код (CODE):
    1. table.moduletable { } // стиль самой таблицы с модулем
    2. table.moduletable th { } // стиль заголовка таблицы с модулем
    3. table.moduletable td { } // стиль ячейки, в которой выводится модуль

    b) если выводится в слоях ( mosLoadModules('позиция', -2);), то:
    Код (CODE):
    1. div.moduletable { } // стиль слоя в котором содержится модуль
    2. h3 {} // стиль заголовка модуля

    3) копируете каждый из них (кроме h3 - к нему суффикс не приписывается) 2 раза, к одной копии приписываете _left, к другой - _right
    Пример:
    Код (CODE):
    1. table.moduletable_left { } // стиль самой таблицы с модулем
    2. table.moduletable_left th { } // стиль заголовка таблицы с модулем
    3. table.moduletable_left td { } // стиль ячейки, в которой выводится модуль
    4. div.moduletable_left { }

    4) вносите изменения в новые стили.

    есть еще mosLoadModules('позиция', -3);, так называемый дизайн без острых углов... по нему есть материалы тут:
    http://help.joom.ru/content/view/40/11/ (часть 1, про графику)
    http://help.joom.ru/content/view/41/11/ (часть 2, про сами css)

    принцип работы такой же, только там много слоев, а не 1.
     
Статус темы:
Закрыта.

Поделиться этой страницей

Загрузка...