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

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

  1. Offline

    Sunder Модератор

    Joined:
    Apr 23, 2007
    Messages:
    152
    Likes Received:
    16
    Gender:
    Male
    Ответ: возможно ли такое и как это сделать?

    Я под столом :), что я, что 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. }
    Таким образом, для каждого нового пункта в меню добавляем нужный отступ и меню располагается в диагональном порядке. [!]
     

    Attached Files:

  2. Offline

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

    Joined:
    Aug 28, 2007
    Messages:
    9
    Likes Received:
    0
    Ответ: возможно ли такое и как это сделать?

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

Share This Page

Loading...