Как сделать диагональное меню?

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

  1. Offline

    Sunder Модератор

    Регистрация:
    23.04.2007
    Сообщения:
    159
    Симпатии:
    16
    Пол:
    Мужской
    Ответ: возможно ли такое и как это сделать?

    Я под столом :), что я, что Fanamura, все это время изобретали велосипед. Проблема решается легко. Устанавливаем модуль Extended Menu (скачать его можно здесь), в настройках модуля включаем опцию "Element Id". Теперь, благодаря этому, у нас пункты в главном меню имеют идентификатор "menulink_#", а также располагаются в ячейках с идентификаторами "menuitem_#". Я форматировал идентификаторы ячеек. У меня в меню шесть пунктов. Вот мой css-код для форматирования пунктов и вот результат:
    Код (CODE):
    1. #menuitem_1{
    2.   padding-left: 50px;
    3. }
    4.  
    5. #menuitem_2{
    6.   padding-left: 42px;
    7. }
    8.  
    9. #menuitem_3{
    10.   padding-left: 34px;
    11. }
    12.  
    13. #menuitem_4{
    14.   padding-left: 26px;
    15. }
    16.  
    17. #menuitem_5{
    18.   padding-left: 18px;
    19. }
    20.  
    21. #menuitem_6{
    22.   padding-left: 10px;
    23. }
    Таким образом, для каждого нового пункта в меню добавляем нужный отступ и меню располагается в диагональном порядке. [!]
     

    Вложения:

    • menu.GIF
      menu.GIF
      Размер файла:
      10.1 КБ
      Просмотров:
      10
  2. Offline

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

    Регистрация:
    28.08.2007
    Сообщения:
    9
    Симпатии:
    0
    Ответ: возможно ли такое и как это сделать?

    гран мерси
    как раз то, что нужно :)
     

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

Загрузка...