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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by sled, Aug 15, 2007.

Thread Status:
Not open for further replies.
  1. Offline

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

    Joined:
    Aug 15, 2007
    Messages:
    1
    Likes Received:
    0
    Проблема такого плана: как сделать так, чтобы правое меню отображалось в одном стиле (одна фоновая картинка, выравнивание и др.), а левое - в другом?

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

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

    Joined:
    Aug 4, 2006
    Messages:
    464
    Likes Received:
    27
    Gender:
    Male
    Ответ: Разный внешний вид правого и левого меню...

    есть такая штука в настройках модуля (в данном случае - модуля меню) - 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.
     
Thread Status:
Not open for further replies.

Share This Page

Loading...