Question - Hiển icon trong menu | Cộng Đồng XenForo Việt Nam

anhlt888 New Member

Bài viết:: 25

Likes :: 3

Làm sao để hiển thị icon như trong hình vậy các bạn?

Thank đã giúp mình nhé!

anhlt888, 13/6/12

#1

Bài viết cũ hơn

nhờ admin làm dùm vụ này - 13/6/12
FOOter Tinhte help - 12/6/12
Làm sao để thêm hình ảnh vào comment ở trang hồ sơ cá nhân - 12/6/12
mở rộng khung - 12/6/12
Ai cho mình xin mod này với - 12/6/12

Bài viết mới hơn

Không hiển thị thời gian cập nhật bài viết - 14/6/12
XenForo vs. vBulletin vs. IPB vs. Discuz vs. MyBB - 15/6/12
chỉ dùm em cách làm thế này - 17/6/12
Hỏi cách thay đổi màu nên wedgets - 18/6/12
Vấn đề về advanced forum Statistics - 18/6/12

Đang tải...

Recommended:X

dproks Member

Bài viết:: 114

Likes :: 35

vào template navigation đó bạn ơi !

dproks, 14/6/12

#2

nguyendil thích bài này.

Xavier Well-Known Member

Bài viết:: 1,414

Likes :: 522

thêm cái đoạn code sau vào extra.css
Mã:
.user_icon {
position: relative;
top: 5px;
margin-right: 5px;
}
vào navgation tìm đoạn code sau
Mã:

<xen:if is="{$tabs.forums}">
<li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
và thêm vào bên dưới đó đoạn code sau:
Mã:
<img src="styles/default/xenforo/icons/forum.png" class="user_icon" alt="">Diễn đàn</a>
p/s: sửa lại link forum và lịn ảnh

Xavier, 14/6/12

#3

nguyendil, linhnam, P_CARE and 1 other person like this.

P_CARE Member

Bài viết:: 68

Likes :: 15

như skin của mình thì chèn thế nào Xavier
code navigation:

Mã:

<xen:edithint template="navigation.css" />
 
<div id="navigation" class="pageWidth">
    <div class="pageContent">
        <nav>
 
<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}</a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <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="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <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/threads'}">{xen:phrase watched_threads}</a></li></xen:if>
                        <li><a href="{xen:link 'find-new/threads'}">{xen:phrase whats_new}</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}</a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <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>
       
       
        <!-- 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="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <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 registered_members}</a></li>
                        <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>       
       
        <!-- help -->
        <xen:if is="{$tabs.help}">
            <li class="navTab help {xen:if $tabs.help.selected, 'selected', 'Popup PopupControl PopupClosed'}">
           
                <a href="{$tabs.help.href}" class="navLink" rel="help">{$tabs.help.title}</a>
                <a href="{$tabs.help.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$tabs.help.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <div class="primaryContent menuHeader">
                        <h3>{$tabs.help.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_help">
                        <li><a href="{xen:link help/smilies}">{xen:phrase smilies}</a></li>
                        <li><a href="{xen:link help/bb-codes}">{xen:phrase bb_codes}</a></li>
                        <li><a href="{xen:link help/trophies}">{xen:phrase trophies}</a></li>
                        <li><a href="{xen:link help/cookies}">{xen:phrase cookie_usage}</a></li>
                    </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}</a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
               
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
                    <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>
       
       
        <!-- no selection -->
        <xen:if is="!{$selectedTab}">
            <li class="navTab selected"><div class="tabLinks"></div></li>
        </xen:if>
       
    </ul>
   
    <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
</div>
 
<span class="helper"></span>
           
        </nav>   
    </div>
</div>

forum http://clbkythuat.com

như vietxf thì mình thấy cái button nào cũng có gắn icon vào,Xavier chèn dùm mình luôn cái,về sửa lại sau
thanks trước

P_CARE, 8/8/12

#4

Xavier Well-Known Member

Bài viết:: 1,414

Likes :: 522

mình lấy ví dụ ở tab Home nhé

PHP:

<li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$extraTab.href}" class="navLink"><chèn code ảnh ở đây>{$extraTab.title}</a> <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a> <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">

Xavier, 9/8/12

#5

caokhanh011091 New Member

Bài viết:: 10

Likes :: 0

huong dan chi tiet cho minh vs. moi dung nen ko biet them the nao.lam nhu tren toan loi thoi.sr vif may moi cai laij nen ko co unikey

caokhanh011091, 10/8/12

#6

linhnam Member

Bài viết:: 195

Likes :: 27

mình chèn vào thì có hình nhưng lại mất chữ. các bạn support dễ tí dc ko?

linhnam, 22/8/12

#7

linhnam Member

Bài viết:: 195

Likes :: 27

up lên top tí nà.mình làm thế này nhưng ko dc mong anh em chỉ giáo


<xen:if is="{$tabs.forums}">
<li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">
<img src="styles/default/xenforo/icons/forum.png" class="user_icon" alt="http://codevn.org">Diễn đàn</a>

linhnam, 22/8/12

#8

nguyendil Member

Bài viết:: 155

Likes :: 16

thế còn mấy icon này thì vào đâu mình kiếm ko thấy

nguyendil, 28/8/12

#9

Logi Well-Known Member

Bài viết:: 1,087

Likes :: 456

nguyendil said: ↑

thế còn mấy icon này thì vào đâu mình kiếm ko thấy

Click to expand...

Tương tự như trên tìm trong template navigation_visitor_tab

Logi, 28/8/12

#10

Question Hiển icon trong menu

anhlt888 New Member

dproks Member

Xavier Well-Known Member

P_CARE Member

Xavier Well-Known Member

caokhanh011091 New Member

linhnam Member

linhnam Member

nguyendil Member

Logi Well-Known Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất