Вход • Регистрация

Класс последней ссылки в главном меню

  • 06 февраля 2012 г.
  • Здравствуйте!

    Подскажите пожалуйста как поправить такой момент:
    Последняя ссылка в главном меню имеет свой класс...

    <li><a href="#">Первая ссылка</a></li>
    <li><a href="#">Ссылка</a></li>
    <li><a href="#">Ссылка</a></li>
    <li><a href="#">Ссылка</a></li>
    <li class="last"><a href="#">Последняя ссылка</a></li>

    Как осуществить это при интеграции дизайна с условием, что параметр templates не передается, а используются атрибуты tag_1, tag_2 и т.д. ?


    Спасибо!
    • 06 февраля 2012 г.
    • http://htmlbook.ru/css/after
      li:after { }
      • 06 февраля 2012 г. , редакция: 06 февраля 2012 г.
      • В этом случае проставляется заданная "after" команда после каждого <li> в меню.
        Как-то не так...
        ...Или я что-то не так делаю.

        Смысл в том, что в последнем <li> нужно убрать background: url(....);
      • 06 февраля 2012 г.
      • Я думаю - вопрос не про это. Алексей не хочет исправлять макет сайта, а заточить CMS так чтобы всё что написано в макете подхватилось как надо.
        Логичнее конечно макет заточить под CMS.
        Легче всего конечно добавить класс "last" к последнему пункту меню с помощью строчки jQuery, но это костыль. Надо сразу дизайн делать как надо.
  • 06 февраля 2012 г.
  • Получается, что единственный вариант при таком раскладе в верстке, сделать последнюю ссылку в меню дочерней.
    Буду благодарен если кто поделится еще какими-нибудь мнениями и спасибо всем ответившим!
  • 07 февраля 2012 г.
  • Незнаю конечно насколько верно решение данной задачи - но я делал таким образом:
    <insert name="show_block" module="menu" tag_start_1="[li class=`m_Increment`]" tag_end_1="[/li]" tag_active_start_1="[li class=`act_Increment`]" tag_active_end_1="[/li]">

    Таким образом в коде получается так:
    <li class="act_0">Главная</li>
    <li class="m_1"><a href="http://liberteli.ru/salon_krasoty/">Салон красоты</a></li>
    <li class="m_2"><a href="http://liberteli.ru/shop/">Интернет-магазин</a></li>
    <li class="m_3"><a href="http://liberteli.ru/news/">Акции</a></li>
    <li class="m_4"><a href="http://liberteli.ru/feedback/">Контактная информация</a></li>

    а уже непосредственно в стилях прописываю необходимое свойство li.m4 {для обычного} и li.act_4 (для активного)
    В данном случае получается что список пунктов меню должно быть определено заранее, что является минусом, но вдруг вам подойдет данный вариант.

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум