1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.1.2 Как присвоить иконку к пунктам меню?

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем VeryGood, 24 май 2012.

Загрузка
  1. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Подскажите пожалуйста, как присвоить иконки к пунктам горизонтального меню?

    На скрине показано что я имею в виду:


    [​IMG]
     
  2. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Каждая вкладка имеет свой уникальный класс - home, forums, members, help...
    По-моему труда особого нет добавить к каждой свою иконку. Сужу по вашему вопросу про чат. Там похожая ситуация в некотором роде.
     
  3. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Понятно, спасибо. Значит в extra.css нужно прописать:

    Код:
    .navTabs .navTab.класс a.navLink:before  {
        content: "";
        display: inline-block;
        margin: **px;
        width: **px;
        height: **px;
        background: url('путь к иконке') no-repeat 50% 50%;
        float: left;
    }
    Не подскажите как узнать необходимые классы (не особо силен в данной области, только учусь...). Заранее спасибо.
     
  4. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
  5. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Спасибо, с чатом все получилось, однако с XenTrader...

    Код:
    <li class="navTab PopupClosed">
                        <a href="http://raspberry.ru/index.php?xentrader/" class="navLink">[B]XenTrader[/B]</a>
    </li>
    Если исходить из вышеуказанного что, к примеру, XenTrader имеет класс navTab PopupClosed, то при попытке вписать:

    Код:
    .navTabs .navTab.PopupClosed a.navLink:before  {
        content: "";
        display: inline-block;
        margin: **px;
        width: **px;
        height: **px;
        background: url('путь к иконке') no-repeat 50% 50%;
        float: left;
    }
    получается что всем пунктам присваивается одна и та же иконка...
     
  6. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
    ну так придумай новый класс navTab.XenTrader
     
  7. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Эх... Придумать-то придумаю, но вот куда пихать то его... Новичок я еще в этом деле..
     
  8. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
  9. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Ерунда получается... То есть вообще не получается. Пусто. Нужно же как-то присвоить плагину этот стиль navTab.XenTrader ? А то как система узнает что данный стиль относиться к данному плагину...
     
  10. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
    Код:
    <li class="navTab  XenTrader ">
                        <a href="http://raspberry.ru/index.php?xentrader/" class="navLink">[B]XenTrader[/B]</a>
    </li>
    в extra.css дописать
    Код:
    .navTabs .navTab.XenTrader  a.navLink:before  {
        content: "";
        display: inline-block;
        margin: **px;
        width: **px;
        height: **px;
        background: url('путь к иконке') no-repeat 50% 50%;
        float: left;
    }
     
  11. VeryGood

    VeryGood Пользователь

    Регистрация:
    10.05.12
    Сообщения:
    11
    Симпатии:
    0
    Версия XF:
    1.0.2
    Спасибо, помогло! Только текст стал синего цвета. Буду искать причину...
     

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