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

Картинки в меню!!!

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

Загрузка
  1. Maximys0077

    Maximys0077 Новичок

    Регистрация:
    27.07.14
    Сообщения:
    13
    Симпатии:
    2
    Версия XF:
    1.2.4
    Привет, у меня такая проблема: не знаю как добавить картинки для пунктов меню. У стандартных пунктов они есть. Свои пункты я добавлял с помощью аддона"ragtec navbar manager". Сижу думаю как сделать картинки и у этих пунктов)[​IMG]
    Вот код navigation:
    Код:
    <xen:edithint template="navigation.css" />
    
    <div class="navBarHelper"></div>
    <div id="navigation" class="pageWidth {xen:if $canSearch, withSearch}">
        <div class="pageContent">
            <nav>
    <xen:if is="@fragzone_logoheader">
    <xen:include template="logo_block" />
    </xen:if>
    <div class="navTabs">
        <ul class="publicTabs">
    
            <!-- home -->
            <xen:if is="{$showHomeLink}">
                <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li>
            </xen:if>
        
        
            <!-- extra tabs: home -->
            <xen:if is="{$extraTabs.home}">
            <xen:foreach loop="$extraTabs.home" key="$extraTabId" value="$extraTab">
                <xen:if is="{$extraTab.linksTemplate}">
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
            
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                    <div class="tabArrow">
                        <span class="arrow"><span></span></span>
                    </div>
                
                    <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>{$extraTab.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        {xen:raw $extraTab.linksTemplate}
                    </div>
                </li>
                <xen:else />
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                        <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                        <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                    </li>
                </xen:if>
            </xen:foreach>
            </xen:if>
        
        
            <!-- forums -->
            <xen:if is="{$tabs.forums}">
                <li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
            
                    <a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>
                    <a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu"></a>
                    <div class="tabArrow">
                        <span class="arrow"><span></span></span>
                    </div>
                
                    <div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} forumsTabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>{$tabs.forums.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                        <xen:hook name="navigation_tabs_forums">
                            <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if>
                            <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if>
                            <xen:if is="{$visitor.user_id}">
                                <li><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li>
                                <li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>
                            </xen:if>
                            <li><a href="{xen:link 'find-new/posts'}" rel="nofollow">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
                        </xen:hook>
                        </ul>
                    </div>
                </li>
            </xen:if>
        
        
            <!-- extra tabs: middle -->
            <xen:if is="{$extraTabs.middle}">
            <xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab">
                <xen:if is="{$extraTab.linksTemplate}">
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
            
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                    <div class="tabArrow">
                        <span class="arrow"><span></span></span>
                    </div>
                
                    <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>{$extraTab.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        {xen:raw $extraTab.linksTemplate}
                    </div>
                </li>
                <xen:else />
    
    <!----- MY MENU---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                        <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                        <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                    </li>
                </xen:if>
            </xen:foreach>
            </xen:if>
    <!----- MY MENU END---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
        
        
            <!-- members -->
            <xen:if is="{$tabs.members}">
                <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}">
            
                    <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                    <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
                    <div class="tabArrow">
                        <span class="arrow"><span></span></span>
                    </div>
                
                    <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>{$tabs.members.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                        <xen:hook name="navigation_tabs_members">
                            <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
                            <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
                            <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
                            <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
                        </xen:hook>
                        </ul>
                    </div>
                </li>
            </xen:if>            
    
            <!-- extra tabs: end -->
            <xen:if is="{$extraTabs.end}">
            <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab">
                <xen:if is="{$extraTab.linksTemplate}">
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
            
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                    <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
                    <div class="tabArrow">
                        <span class="arrow"><span></span></span>
                    </div>
                
                    <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>{$extraTab.title}</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        {xen:raw $extraTab.linksTemplate}
                    </div>
                </li>
                <xen:else />
                    <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                        <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                        <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                    </li>
                </xen:if>
            </xen:foreach>
            </xen:if>
    
            <!-- responsive popup -->
            <li class="navTab navigationHiddenTabs Popup PopupControl PopupClosed" style="display:none">
                        
                <a rel="Menu" class="navLink NoPopupGadget"><span class="menuIcon">{xen:phrase menu}</span></a>
            
                <div class="Menu JsOnly blockLinksList primaryContent" id="NavigationHiddenMenu"></div>
            </li>
            
        
            <!-- no selection -->
            <xen:if is="!{$selectedTab}">
                <li class="navTab selected"><div class="tabLinks"></div></li>
            </xen:if>
        
        </ul>
    
            <xen:if is="@xenBase_userBar">
        
            <xen:if is="{$tabs.account.selected}">
                <li class="navTab selected">
                    <div class="tabLinks">
                        <ul class="secondaryContent blockLinksList">
                        <xen:hook name="navigation_tabs_account">
                            <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                            <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                            <li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li>
                            <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                        </xen:hook>
                        </ul>
                    </div>
                </li>
            </xen:if>
            <xen:if is="{$tabs.inbox.selected}">
            <li class="navTab selected">
                <div class="tabLinks">
                    <ul class="secondaryContent blockLinksList">
                        <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                        <li><a href="{xen:link conversations/starred}">{xen:phrase starred_conversations}</a></li>
                        <li><a href="{xen:link conversations/yours}">{xen:phrase conversations_you_started}</a></li>
                    </ul>
                </div>
            </li>
            </xen:if>
    
            <xen:else />
    
            <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
    
            </xen:if>
        
    </div>
    
    <span class="helper"></span>
            
            </nav>
        </div>
    </div>
    P.S. сдвиньте код вправо и пролистайте сниз) там стрелочками выделено где мое меню)
    Думаю где то в css файлах все это....но вот только где. Там нет упоминаний на файлы картинок
     
    Последнее редактирование: 28 июл 2014
  2. vasia

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

    Регистрация:
    31.07.14
    Сообщения:
    15
    Симпатии:
    0
    Версия XF:
    1.3.4
    картинка через class выводиться, выложите css файл, и скажу как.
     
  3. Maximys0077

    Maximys0077 Новичок

    Регистрация:
    27.07.14
    Сообщения:
    13
    Симпатии:
    2
    Версия XF:
    1.2.4
    ок сейчас
    --- добавлено : Aug 15, 2014 2:26 PM ---
    NAVIGATION.CSS
    Код:
    #navigation .pageContent
    {
        height: {xen:calc '@headerTabHeight * 2 + 2'}px;
        position: relative;
    }
    
    #navigation .menuIcon
    {
        position: relative;
        font-size:18px;
        width: .9em;
        display: inline-block;
        text-indent: -9999px;
    }
    
    #navigation .PopupOpen .menuIcon:before,
    #navigation .navLink .menuIcon:before
    {
        zoom: 1;
    }
    
    #navigation .menuIcon:before
    {
        content: "";
        font-size: 18px;
        position: absolute;
        /*top: 0.4em;*/
        top: {xen:calc 'round(-0.31 + 0.029 * @headerTabHeight, 1)'}em;
        left: 0;
        width: .9em;
        height: 0.125em;
        border-top: 0.375em double currentColor;
        border-bottom: 0.125em solid currentColor;
    }
    
        .navTabs
        {
            @property "navTabs";
            font-weight: bold;
            font-size: 13px;
            font-family: @fragzone_font;
            background: rgba(19, 20, 22, .90) url('@imagePath/xenforo/sources/navPoly.png') repeat-x;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0px;
            border: 1px solid rgba(56, 56, 53, .80);
            text-transform: uppercase;
            font-weight: 700;
            @property "/navTabs";
         
            height: @headerTabHeight;
        }
     
            .navTabs .publicTabs
            {
                float: left;
            }
         
            .navTabs .visitorTabs
            {
                float: right;
            }
     
                .navTabs .navTab
                {
                    float: left;
                    white-space: nowrap;
                    word-wrap: normal;
                 
                    <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
                }
    
    
    /* ---------------------------------------- */
    /* Links Inside Tabs */
    
    .navTabs .navLink,
    .navTabs .SplitCtrl
    {
        @property "navLink";
        display: block;
        float: left;
        vertical-align: text-bottom;
        text-align: center;
        outline: 0 none;
        @property "/navLink";
     
        <xen:if is="{$pageIsRtl}">*float: none; *display: inline; *zoom: 1;</xen:if>
     
        height: @headerTabHeight;
        line-height: @headerTabHeight;
    }
    
        .navTabs .publicTabs .navLink
        {
            padding: 0 15px;
        }
     
        .navTabs .visitorTabs .navLink
        {
            padding: 0 10px;
        }
     
        .navTabs .navLink:hover
        {
            text-decoration: none;
        }
     
        /* ---------------------------------------- */
        /* unselected tab, popup closed */
    
        .navTabs .navTab.PopupClosed
        {
            position: relative;
        }
     
        .navTabs .navTab.PopupClosed .navLink
        {
            color: @primaryLighter;
        }
     
            .navTabs .navTab.PopupClosed:hover
            {
                background-color: @primaryMedium;
            }
         
                .navTabs .navTab.PopupClosed .navLink:hover
                {
                    color: @textCtrlBackground;
                }
         
        .navTabs .navTab.PopupClosed .arrowWidget
        {
            /* circle-arrow-down-light */
            background-position: -64px 0;
        }
     
        .navTabs .navTab.PopupClosed .SplitCtrl
        {
            margin-left: -14px;
            width: 14px;
        }
         
            .navTabs .navTab.PopupClosed:hover .SplitCtrl
            {
                /* nav_menu_gadget, height: 17px */
                background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
            }
     
        /* ---------------------------------------- */
        /* selected tab */
    
        .navTabs .navTab.selected .navLink
        {
            position: relative;
            @property "navTabSelected";
            font-weight: bold;
            color: @secondaryMedium;
            background-color: rgb(3, 6, 9);
            @property "/navTabSelected";
        }
     
        .navTabs .navTab.selected .SplitCtrl
        {
            display: none;
        }
     
        .navTabs .navTab.selected .arrowWidget
        {
            /* circle-arrow-down */
            background-position: -32px 0;
        }
     
            .navTabs .navTab.selected.PopupOpen .arrowWidget
            {
                /* circle-arrow-up */
                background-position: -16px 0;
            }
     
        /* ---------------------------------------- */
        /* unselected tab, popup open */
     
        .navTabs .navTab.PopupOpen .navLink
        {
        }
     
     
        /* ---------------------------------------- */
        /* selected tab, popup open (account) */
     
        .navTabs .navTab.selected.PopupOpen .navLink
        {
            @property "popupControl";
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            background-color: @xenBaseColor1;
            color: @secondaryMedium !important;
            @property "/popupControl";
        }
     
    /* ---------------------------------------- */
    /* Second Row */
    
    .navTabs .navTab.selected .tabLinks
    {
        @property "navTabSelected.background";
        background-color: rgb(3, 6, 9);
        @property "/navTabSelected.background";
     
        width: 100%; 
        padding: 0;
        border: none;
        overflow: hidden; zoom: 1; 
        position: absolute;
        left: 0px; 
        top: {xen:calc '@headerTabHeight + 2'}px;
        height: @headerTabHeight;
        background-position: 0px -@headerTabHeight;
        *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
    }
    
        .navTabs .navTab.selected .blockLinksList
        {
            background: none;
            padding: 0;
            border: none;
            margin-left: 8px;
        }
    
        .withSearch .navTabs .navTab.selected .blockLinksList
        {
            margin-right: 275px;
        }
    
        .navTabs .navTab.selected .tabLinks .menuHeader
        {
            display: none;
        }
     
        .navTabs .navTab.selected .tabLinks li
        {
            float: left;
            padding: 2px 0;
        }
     
            .navTabs .navTab.selected .tabLinks a
            {
                @property "navTabLink";
                font-size: 12px;
                color: @textCtrlBackground;
                padding: 1px 10px;
                display: block;
                text-shadow: 1px 1px 1px @primaryMedium;
                @property "/navTabLink";
             
                line-height: {xen:calc '@headerTabHeight - 6'}px;
            }
         
            .navTabs .navTab.selected .tabLinks .PopupOpen a
            {
                color: inherit;
                text-shadow: none;
            }
         
                .navTabs .navTab.selected .tabLinks a:hover,
                .navTabs .navTab.selected .tabLinks a:focus
                {
                    @property "navTabLinkHover";
                    color: @secondaryMedium;
                    text-decoration: none;
                    background: rgba(45, 45, 45, 0.0);
                    padding: 1px 10px;
                    border-width: 0px;
                    text-shadow: 1px 1px 0px @primaryLightest;
                    outline: 0;
                    @property "/navTabLinkHover";
                }
             
                .navTabs .navTab.selected .tabLinks .Popup a:hover,
                .navTabs .navTab.selected .tabLinks .Popup a:focus
                {
                    color: inherit;
                    background: none;
                    border-color: transparent;
                    border-radius: 0;
                    text-shadow: none;
                }
     
    /* ---------------------------------------- */
    /* Alert Balloons */
     
    .navTabs .navLink .itemCount
    {
        @property "alertBalloon";
        font-weight: bold;
        font-size: 9px;
        color: white;
        background-color: #e03030;
        padding: 0 2px;
        border-radius: 2px;
        position: absolute;
        right: 2px;
        top: -12px;
        line-height: 16px;
        min-width: 12px;
        _width: 12px;
        text-align: center;
        text-shadow: none;
        white-space: nowrap;
        word-wrap: normal;
        box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
        height: 16px;
        @property "/alertBalloon";
    }
    
        .navTabs .navLink .itemCount .arrow
        {
            @property "alertBalloonArrow";
            border: 3px solid transparent;
            border-top-color: #e03030;
            border-bottom: 1px none black;
            position: absolute;
            bottom: -3px;
            right: 4px;
            line-height: 0px;
            text-shadow: none;
            _display: none;
    /* Hide from IE6 */
    width: 0px;
            height: 0px;
            @property "/alertBalloonArrow";
        }
     
    .navTabs .navLink .itemCount.Zero
    {
        display: none;
    }
    
    .navTabs .navLink .itemCount.ResponsiveOnly
    {
        display: none !important;
    }
    
    .NoResponsive #VisitorExtraMenu_Counter,
    .NoResponsive #VisitorExtraMenu_ConversationsCounter,
    .NoResponsive #VisitorExtraMenu_AlertsCounter
    {
        display: none !important;
    }
     
    /* ---------------------------------------- */
    /* Account Popup Menu */
    
    .navTabs .navTab.account .navLink
    {
        font-weight: bold;
    }
    
        .navTabs .navTab.account .navLink .accountUsername
        {
            display: block;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    
    #AccountMenu
    {
        width: 274px;
    }
    
    #AccountMenu .menuHeader
    {
        position: relative;
    }
    
        #AccountMenu .menuHeader .avatar
        {
            float: left;
            margin-right: 10px;
        }
    
        #AccountMenu .menuHeader .visibilityForm
        {
            margin-top: 10px;
            color: @primaryMedium;
        }
     
        #AccountMenu .menuHeader .links .fl
        {
            position: absolute;
            bottom: 10px;
            left: {xen:calc '10 + 10 + 96'}px;
        }
    
        #AccountMenu .menuHeader .links .fr
        {
            position: absolute;
            bottom: 10px;
            right: 10px;
        }
     
    #AccountMenu .menuColumns
    {
        overflow: hidden; zoom: 1;
        padding: 2px;
    }
    
        #AccountMenu .menuColumns ul
        {
            float: left;
            padding: 0;
            max-height: none;
            overflow: hidden;
        }
    
            #AccountMenu .menuColumns a,
            #AccountMenu .menuColumns label
            {
                width: 115px;
            }
    
    #AccountMenu .statusPoster textarea
    {
        width: 245px;
        margin: 0;
        resize: vertical;
        overflow: hidden;
    }
    
    #AccountMenu .statusPoster .submitUnit
    {
        margin-top: 5px;
        text-align: right;
    }
    
        #AccountMenu .statusPoster .submitUnit .statusEditorCounter
        {
            float: left;
            line-height: 23px;
            height: 23px;
        }
     
    /* ---------------------------------------- */
    /* Inbox, Alerts Popups */
    
    .navPopup
    {
        width: 260px;
    }
    
    .navPopup a:hover,
    .navPopup .listItemText a:hover
    {
        background: none;
        text-decoration: underline;
    }
    
        .navPopup .menuHeader .InProgress
        {
            float: right;
            display: block;
            width: 20px;
            height: 20px;
        }
    
    .navPopup .listPlaceholder
    {
        max-height: 350px;
        overflow: auto;
    }
    
        .navPopup .listPlaceholder ol.secondaryContent
        {
            padding: 0 10px;
        }
    
            .navPopup .listPlaceholder ol.secondaryContent.Unread
            {
                background-color: @inlineModChecked.background-color;
            }
    
    .navPopup .listItem
    {
        overflow: hidden; zoom: 1;
        padding: 5px 0;
        border-bottom: 1px solid @primaryLighterStill;
    }
    
    .navPopup .listItem:last-child
    {
        border-bottom: none;
    }
    
    .navPopup .PopupItemLinkActive:hover
    {
        margin: 0 -8px;
        padding: 5px 8px;
        border-radius: 5px;
        background-color: @primaryLighterStill;
        cursor: pointer;
    }
    
    .navPopup .avatar
    {
        float: left;
    }
    
        .navPopup .avatar img
        {
            width: 32px;
            height: 32px;
        }
    
    .navPopup .listItemText
    {
        margin-left: 37px;
    }
    
        .navPopup .listItemText .muted
        {
            font-size: 9px;
        }
    
        .navPopup .unread .listItemText .title,
        .navPopup .listItemText .subject
        {
            font-weight: bold;
        }
    
    .navPopup .sectionFooter .floatLink
    {
        float: right;
    }
    
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth)
    {
        .Responsive .navTabs
        {
            padding-left: 10px;
            padding-right: 10px;
        }
    
        .Responsive .withSearch .navTabs .navTab.selected .blockLinksList
        {
            margin-right: 50px;
        }
    }
    
    @media (max-width:@maxResponsiveNarrowWidth)
    {
        .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs)
        {
            display: none;
        }
    }
    </xen:if>
     
    Последнее редактирование модератором: 23 авг 2014
  4. Maximys0077

    Maximys0077 Новичок

    Регистрация:
    27.07.14
    Сообщения:
    13
    Симпатии:
    2
    Версия XF:
    1.2.4
    И Вот еще! Нашел только сегодня!
    Код:
    .navTabs .navTab.forums .navLink
    {
        background: url(@imagePath/xenforo/sources/navForum.png) no-repeat center 10px;
    }
    .navTabs .navTab.home .navLink
    {
        background: url(@imagePath/xenforo/sources/navHome.png) no-repeat center 10px;
    }
    .navTabs .navTab.portal .navLink
    {
        background: url(@imagePath/xenforo/sources/navHome.png) no-repeat center 10px;
    }
    .navTabs .navTab.xengallery .navLink
    {
        background: url(@imagePath/xenforo/sources/navMedia.png) no-repeat center 10px;
    }
    .navTabs .navTab.resources .navLink
    {
        background: url(@imagePath/xenforo/sources/navResources.png) no-repeat center 12px;
    }
    .navTabs .navTab.members .navLink
    {
        background: url(@imagePath/xenforo/sources/navMembers.png) no-repeat center 10px;
    }
    
    --- добавлено : Aug 17, 2014 7:58 AM ---
    Короче я разобрался,почти, смог поставить картинки но для всех пунктов(кроме стандартных пунктов) но одинаковые.
     
    Последнее редактирование модератором: 25 авг 2014
  5. mms

    mms Новичок

    Регистрация:
    11.08.14
    Сообщения:
    21
    Симпатии:
    3
    Версия XF:
    1.3.4
    как сюда вставить:
    [8wayRun.Com] XenMedio (Media) PRO
    [8wayRun.Com] XenRio (Live Streams) PRO
    --- добавлено : 25 авг 2014 в 16:22 ---
    Сори, сам разобрался
     
    Последнее редактирование модератором: 2 сен 2014

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