Как сделать пункты меню картинками?

Discussion in 'Выбор шаблона' started by Sagittarius7, Aug 21, 2012.

  1. Offline

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

    Joined:
    Aug 21, 2012
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Нужно решить следующую задачу - пункты меню сделать анимационными картинками.
    Четыре пункта.
    Расположение по центру:

    :) :)
    :) :)


    Здесь примеры пунктов меню (услуг):

    http://zhgarev-group.com/services

    http://www.veselo.kiev.ua

    Это нужно искать определенный шаблон или можно создать в любом?
    Как это осуществить? Подскажите, пожалуйста.
     
  2.  
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    можно в любом шаблоне это сделать
    меню это ни что иное как маркированный или нумерованный список (если он не генерируется JS'ом, как там я ХЗ)
    в html это выглдит примерно так (маркированный, который использую я):::
    Код (html):
    1. <ul>
    2. <li><a href="(где то здесь)">пункт 1</a></li>
    3. <li><a href="(куда то там)">пункт 2</a></li>
    4. <li><a href="(да и просто по направлению)">пункт 3</a></li>
    5. </ul>

    в этот код можно вместо текста в ссылке можно вставить картинку:::
    Код (html):
    1. <li><a href="(да и просто по направлению)"><img src="(анимированный GIF)animation.gif"></a></li>
    это анимация или вставляй PNG файлы т.к. они легче чем GIF и поддерживают лучше АЛЬФА канал (он же прозрачность)

    вот собственно и всё)))))

    P.S. в шаблоне такие вещи генерируются php скриптом так что там надо смотреть что и куда добавлять, но отображаемый HTML должен быть такого вида как в примере выше))))

    P.P.S. используй правильно редактор чтобы можно было тут на форуме нажав на ссылку перейти по ней, а не копировать её
     

Share This Page

Loading...