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

Иконки вместо текста в вкладках на странице профиля

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

Загрузка
  1. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    510
    Симпатии:
    93
    Версия XF:
    1.1.2
    KakBeOlolo, 04.11.2013
    #1
  2. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1 164
    Симпатии:
    846
    Версия XF:
    1.3.4
    В шаблоне PAGE_CONTAINER после
    Код:
    <head>
    добавить
    Код:
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    Потом в шаблоне member_view найти
    Код:
    <li><a href="{$requestPaths.requestUri}#profilePosts">{xen:phrase profile_posts}</a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity">{xen:phrase recent_activity}</a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings">{xen:phrase postings}</a></li>
                <li><a href="{$requestPaths.requestUri}#info">{xen:phrase information}</a></li>
    и заменить на
    Код:
    <li><a href="{$requestPaths.requestUri}#profilePosts"><i class="icon-comments-alt icon-large icon-fixed-width"></i></a></li>
                <xen:if is="{$showRecentActivity}"><li><a href="{$requestPaths.requestUri}#recentActivity"><i class="icon-time icon-large icon-fixed-width"></i></a></li></xen:if>
                <li><a href="{$requestPaths.requestUri}#postings"><i class="icon-edit icon-large icon-fixed-width"></i></a></li>
                <li><a href="{$requestPaths.requestUri}#info"><i class="icon-info-sign icon-large icon-fixed-width"></i></a></li>
     
    adder, 04.11.2013
    #2
    mexx, Mirovinger и KakBeOlolo нравится это.
  3. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    997
    Симпатии:
    66
    Версия XF:
    1.4.7
    а можно пример на форуме увидить?
     
    aligon7, 24.11.2013
    #3
  4. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    510
    Симпатии:
    93
    Версия XF:
    1.1.2
    Последнее редактирование модератором: 24.11.2013
    KakBeOlolo, 24.11.2013
    #4
  5. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    997
    Симпатии:
    66
    Версия XF:
    1.4.7
    Понял, а как меняются меню (входящие, оповещения....) на иконки на самом форуме
     
    aligon7, 25.11.2013
    #5
  6. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    510
    Симпатии:
    93
    Версия XF:
    1.1.2
    Вроде как о вкладках в профиле написано
     
    KakBeOlolo, 25.11.2013
    #6
  7. asket

    asket Активный пользователь

    Регистрация:
    07.02.13
    Сообщения:
    152
    Симпатии:
    40
    Версия XF:
    1.2.0
    Код:
    http://xenforo.com/community/resources/user-inbox-alert-icon-replacement.2440/
     
    asket, 27.11.2013
    #7
    aligon7 нравится это.
  8. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    997
    Симпатии:
    66
    Версия XF:
    1.4.7
    Только прав нету там полный текст смотреть.
    Да уж
     
    aligon7, 27.11.2013
    #8
  9. asket

    asket Активный пользователь

    Регистрация:
    07.02.13
    Сообщения:
    152
    Симпатии:
    40
    Версия XF:
    1.2.0
    Step 1
    Go to the template navigation_visitor_tab

    Find:
    Код:
    <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
    We are going to completely remove the {xen:phrase inbox} portion, and add in our FontAwesome icon.

    Replace:
    Код:
    <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget"><i class="icon-envelope-alt icon-large icon-fixed-width"></i>
    Step 2
    In the same template, a few lines down...

    Find:
    Код:
    <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts}
    We are going to completely remove the {xen:phrase alerts} portion, and add in our FontAwesome icon.

    Replace:
    Код:
    <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget"><i class="icon-flag-alt icon-large icon-fixed-width"></i>
    Your final look with alerts and messages:

    [​IMG]
     
    asket, 28.11.2013
    #9
    mexx, Mirovinger и aligon7 нравится это.
  10. aligon7

    aligon7 Местный

    Регистрация:
    22.12.12
    Сообщения:
    997
    Симпатии:
    66
    Версия XF:
    1.4.7
    Спасибо, а иконки, сами есть?
     
    aligon7, 28.11.2013
    #10
  11. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1 164
    Симпатии:
    846
    Версия XF:
    1.3.4
    @aligon7 там иконки через шрифт FontAwesome. Вы его подключите и всё будет ок.
     
    adder, 28.11.2013
    #11
    Mirovinger и aligon7 нравится это.
  12. asket

    asket Активный пользователь

    Регистрация:
    07.02.13
    Сообщения:
    152
    Симпатии:
    40
    Версия XF:
    1.2.0
    Достаточно один раз добавить в шаблон PAGE_CONTAINER код:

    Код:
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    Выглядит так:

    Screenshot_5.png
     
    asket, 28.11.2013
    #12
    mexx, Mirovinger и aligon7 нравится это.

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