Подскажите как сделать меню как на картинке? (картинка прилагается)

Тема в разделе "Вопросы по работе с меню", создана пользователем Stolyar, 26.04.2011.

  1. Offline

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

    Регистрация:
    26.04.2011
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите плиз, как сделать меню как показано на картинке? Особенности меню такие, слева направо фон немного меняет цвет, т.е. по краям он немного темнее чем в центре, т.е. видимо фон полюбому придется делать картинкой и растягивать ее... Картинка эта ессно есть... А между пунктами меню полоска должна быть, ее картинка тоже имеется в отдельном файле... А вот как собрать все это в вертикальное меню не пойму... Еще надо чтобы выбранный пункт меню по другому подсвечивался, на картинке тоже показано как...
    Вид этого меню прикладываю к этому сообщению...

    Подскажите плиз... Все мы когда-то были чайниками и у всех возникали проблемы и непонятки... Так не дайте умереть начинающему джумлаводу... Спасибо...
     

    Вложения:

    • menu.jpg
      menu.jpg
      Размер файла:
      10.9 КБ
      Просмотров:
      42
  2.  
  3. Offline

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

    Регистрация:
    26.04.2011
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Т.е. я так понимаю на таком огромном форуме где сидят толпы народа владеющие Джумлой, CSS, HTML и всем прочим нет ни одного человека который бы мог подсказать как это сделать?

    Итак что мне удалось сделать...

    Из этой картинки вырезал горизонтальную полоску толщиной в 1 пиксель из картинки заливающей ячейку, также вырезал еще одну горизонтальную полоску которая является разделителем ячеек... Далее в Джумле сказал что это меню будет табличным, в CSS задал первую картинку фоном таблицы растянутым по вертикали, ну ессно задал шрифты, размеры цвет, затемнение при наведении и т.д. Все бы ничего, но как теперь туда вкрячить разделители ума не приложу... Если бы меню было горизонтальным то разделители можно задать в самой Джумле, но для вертикального меню этого не сделать...
    Так вот подскажите Гуру, как в меню запихнуть разделительную картинку?
     

    Вложения:

    • menu_moye.jpg
      menu_moye.jpg
      Размер файла:
      35.6 КБ
      Просмотров:
      27
    Последнее редактирование: 03.06.2011
  4. Offline

    TroL специалист

    Регистрация:
    01.03.2011
    Сообщения:
    502
    Симпатии:
    34
    Пол:
    Мужской
    Ну видишь, долго мучаться что ни будь получится)
    Но это как бы не совсем удачный путь решения вопроса! Все это делается непосредственно на ксс!
    пооска у тебя уже есть (она должна быть горизонтальная)
    открываешь ксс шаблона и пишешь типо .menu ul {backround: url("картинка") repeat-y}
    для эффекта наведения .menu ul li:hover {backround: url("другая картинка") repeat-y} типо такова

    совет: htmlbook.ru отличный сайт для начинающих верстальщиков (штмл и ксс)

    PS по вопросам если че, обращайся в личку, А то врятли я на эту тему наткнусь в следущий раз)
     
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Разделитель можно сделать прописав пункту меню нижнюю границу в 1 пиксель .
     

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

Загрузка...