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

Maximys0077 · 28.07.2014

Привет, у меня такая проблема: не знаю как добавить картинки для пунктов меню. У стандартных пунктов они есть. Свои пункты я добавлял с помощью аддона"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 файлах все это....но вот только где. Там нет упоминаний на файлы картинок

vasia · 13.08.2014

картинка через class выводиться, выложите css файл, и скажу как.

Maximys0077 · 23.08.2014

ок сейчас
--- добавлено : 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>

Maximys0077 · 25.08.2014

vasia сказал(а): ↑

картинка через class выводиться, выложите css файл, и скажу как.
Нажмите, чтобы раскрыть...

И Вот еще! Нашел только сегодня!
Код:
.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 ---

vasia сказал(а): ↑

картинка через class выводиться, выложите css файл, и скажу как.
Нажмите, чтобы раскрыть...

Короче я разобрался,почти, смог поставить картинки но для всех пунктов(кроме стандартных пунктов) но одинаковые.

mms · 02.09.2014

Maximys0077 сказал(а): ↑
И Вот еще! Нашел только сегодня!
Код:
.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 ---

Короче я разобрался,почти, смог поставить картинки но для всех пунктов(кроме стандартных пунктов) но одинаковые.
Нажмите, чтобы раскрыть...
как сюда вставить:
[8wayRun.Com] XenMedio (Media) PRO
[8wayRun.Com] XenRio (Live Streams) PRO
--- добавлено : 25 авг 2014 в 16:22 ---

mms сказал(а): ↑

как сюда вставить:
[8wayRun.Com] XenMedio (Media) PRO
[8wayRun.Com] XenRio (Live Streams) PRO
Нажмите, чтобы раскрыть...

Сори, сам разобрался

Войти или зарегистрироваться

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

Maximys0077 Новичок

vasia Местный

Maximys0077 Новичок

Maximys0077 Новичок

mms Новичок

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

Войти или зарегистрироваться

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

Maximys0077 Новичок

vasia Местный

Maximys0077 Новичок

Maximys0077 Новичок

mms Новичок

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

Быстрый поиск