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

Discussion in 'Вопросы по работе с меню' started by Stolyar, Apr 26, 2011.

  1. Offline

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

    Joined:
    Apr 26, 2011
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Подскажите плиз, как сделать меню как показано на картинке? Особенности меню такие, слева направо фон немного меняет цвет, т.е. по краям он немного темнее чем в центре, т.е. видимо фон полюбому придется делать картинкой и растягивать ее... Картинка эта ессно есть... А между пунктами меню полоска должна быть, ее картинка тоже имеется в отдельном файле... А вот как собрать все это в вертикальное меню не пойму... Еще надо чтобы выбранный пункт меню по другому подсвечивался, на картинке тоже показано как...
    Вид этого меню прикладываю к этому сообщению...

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

    Attached Files:

  2.  
  3. Offline

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

    Joined:
    Apr 26, 2011
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    Т.е. я так понимаю на таком огромном форуме где сидят толпы народа владеющие Джумлой, CSS, HTML и всем прочим нет ни одного человека который бы мог подсказать как это сделать?

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

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

    Attached Files:

    Last edited: Jun 3, 2011
  4. Offline

    TroL Недавно здесь => Cпециалист <=

    Joined:
    Mar 1, 2011
    Messages:
    501
    Likes Received:
    34
    Gender:
    Male
    Ну видишь, долго мучаться что ни будь получится)
    Но это как бы не совсем удачный путь решения вопроса! Все это делается непосредственно на ксс!
    пооска у тебя уже есть (она должна быть горизонтальная)
    открываешь ксс шаблона и пишешь типо .menu ul {backround: url("картинка") repeat-y}
    для эффекта наведения .menu ul li:hover {backround: url("другая картинка") repeat-y} типо такова

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

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

    umbabaraumba Активист => Cпециалист <=

    Joined:
    Sep 25, 2009
    Messages:
    623
    Likes Received:
    58
    Gender:
    Male
    Разделитель можно сделать прописав пункту меню нижнюю границу в 1 пиксель .
     

Share This Page

Loading...