ai biết sửa cái này chỉ mình với

Thảo luận trong 'Style & Template Questions' bắt đầu bởi tuan123456, 28/8/13.

1votes
5/5, 1 vote

  1. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
    mình vừa làm cái Di chuyển Visitor Tabs lên trên khu vực Moderator Bar
    Mình làm xong rồi nhưng mà mấy cái bên phải ( Inbox ... ) Khi có tin nhắn, báo cáo thì các bọn số không hiện màu đỏ như mọi khi nữa.

    Mình xem và test thử bên tinh tế thì nó vẫn hiện màu đỏ như cũ mà.có cách nào khắc phục ko
    thanks
    [​IMG]
     
    Last edited: 6/9/13
    Đang tải...
  2. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
    up...
     
  3. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
    ko ai chỉ hết vậy :(
     
  4. shin_conan

    shin_conan Member

    Bài viết:
    426
    Likes :
    91
    bác Demo đi có gì minh giúp hôm trk cũng làm cái này
     
  5. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
    nhuvayne2

    giúp mình với đang test trên localhost nên ko có demo
    thanks
     
  6. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
  7. DucKent

    DucKent Member

    Bài viết:
    228
    Likes :
    27
    demo cho nó đẹp phát nhể
     
  8. tuan123456

    tuan123456 New Member

    Bài viết:
    54
    Likes :
    21
    upp
     
  9. shin_conan

    shin_conan Member

    Bài viết:
    426
    Likes :
    91
    Bạn vào temple PAGE_CONTAINER tìm cái div headerMover thêm lên trên đoạn code này

    Mã:
    <fieldset id="moderatorBar">
        <div class="pageWidth">
            <div class="pageContent">
                <div class="headerLeft">
               
    
               
    <div id="searchBar" class="pageWidth">
       
        <fieldset id="QuickSearch">
            <form action="{xen:link 'search/search'}" method="post" class="formPopup">
               
                <div class="primaryControls">
                    <!-- block: primaryControls -->
                    <input type="search" name="keywords" value="" class="textCtrl" placeholder="{xen:phrase search}..." results="0" title="{xen:phrase enter_your_search_and_hit_enter}" id="QuickSearchQuery" />               
                    <!-- end block: primaryControls -->
                </div>
               
                <div class="secondaryControls">
                    <div class="controlsWrapper">
                   
                        <!-- block: secondaryControls -->
                        <dl class="ctrlUnit">
                            <dt></dt>
                            <dd><ul>
                                <li><label><input type="checkbox" name="title_only" value="1"
                                    id="search_bar_title_only" class="AutoChecker"
                                    data-uncheck="#search_bar_thread" /> {xen:phrase search_titles_only}</label></li>
                            </ul></dd>
                        </dl>
                   
                        <dl class="ctrlUnit">
                            <dt><label for="searchBar_users">{xen:phrase posted_by_member}:</label></dt>
                            <dd>
                                <input type="text" name="users" value="" class="textCtrl AutoComplete" id="searchBar_users" />
                                <p class="explain">{xen:phrase separate_names_with_comma}</p>
                            </dd>
                        </dl>
                   
                        <dl class="ctrlUnit">
                            <dt><label for="searchBar_date">{xen:phrase newer_than}:</label></dt>
                            <dd><input type="date" name="date" value="" class="textCtrl" id="searchBar_date" /></dd>
                        </dl>
                       
                        <xen:if is="{$searchBar}">
                        <dl class="ctrlUnit">
                            <dt></dt>
                            <dd><ul>
                                    <xen:foreach loop="$searchBar" value="{$constraint}">
                                        <li>{xen:raw $constraint}</li>
                                    </xen:foreach>
                            </ul></dd>
                        </dl>
                        </xen:if>
                    </div>
                    <!-- end block: secondaryControls -->
                   
                    <dl class="ctrlUnit submitUnit">
                        <dt></dt>
                        <dd>
                            <input type="submit" value="{xen:phrase search}" class="button primary Tooltip" title="{xen:phrase find_now}" />
                            <div class="Popup" id="commonSearches">
                                <a rel="Menu" class="button NoPopupGadget Tooltip" title="{xen:phrase useful_searches}" data-tipclass="flipped"><span class="arrowWidget"></span></a>
                                <div class="Menu">
                                    <div class="primaryContent menuHeader">
                                        <h3>{xen:phrase useful_searches}</h3>
                                    </div>
                                    <ul class="secondaryContent blockLinksList">
                                        <!-- block: useful_searches -->
                                        <li><a href="{xen:link find-new/threads, '', 'recent=1'}" rel="nofollow">{xen:phrase recent_threads}</a></li>
                                        <xen:if is="{$visitor.user_id}">
                                        <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=thread'}">{xen:phrase your_threads}</a></li>
                                        <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=post'}">{xen:phrase your_posts}</a></li>
                                        <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=profile_post'}">{xen:phrase your_profile_posts}</a></li>
                                        </xen:if>
                                        <!-- end block: useful_searches -->
                                    </ul>
                                </div>
                            </div>
                            <a href="{xen:link search}" class="button moreOptions Tooltip" title="{xen:phrase advanced_search}">{xen:phrase more}...</a>
                        </dd>
                    </dl>
                   
                </div>
               
                <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
            </form>       
        </fieldset>
    </div>
    
               
               
               
                </div>
                <div class="headerRight">
                <xen:if is="!{$visitor.user_id}">
                <div id="loginBar">
        <span><a href="login/" class="concealed noOutline inner OverlayTrigger" data-overlayoptions="{&quot;fixed&quot;:false}">Đăng nhập</a></span>
        <span><a href="register/" class="concealed noOutline inner OverlayTrigger" data-overlayoptions="{&quot;fixed&quot;:false}">Đăng ký</a></span>
       
           
                <a href="register/facebook?reg=1" class="fbLogin"><span>Login with Facebook</span></a>
       
    </div>
               
        </xen:if>       
               
    <xen:if is="{$visitor.user_id}">
    <ul class="visitorTabs">
    
       
    
    <!-- account -->
        <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">
       
            <a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><strong>{$visitor.username}</strong></a>
           
            <div class="Menu JsOnly" id="AccountMenu">
                <div class="primaryContent menuHeader">
                    <xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
                   
                    <h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
                   
                    <xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
                   
                    <ul class="links">
                        <li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
                    </ul>
                </div>
                <div class="menuColumns secondaryContent">
                    <ul class="col1 blockLinksList">
                    <xen:hook name="navigation_visitor_tab_links1">
                        <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                        <xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
                        <li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
                        <li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
                        <li><a href="{xen:link account/preferences}">{xen:phrase preferences}</a></li>
                        <li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
                        <xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
                        <xen:if is="{$xenOptions.facebookAppId}"><li><a href="{xen:link account/facebook}">{xen:phrase facebook_integration}</a></li></xen:if>
                        <li><a href="{xen:link account/security}">{xen:phrase password}</a></li>
                    </xen:hook>
                    </ul>
                    <ul class="col2 blockLinksList">
                    <xen:hook name="navigation_visitor_tab_links2">
                        <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                        <li><a href="{xen:link account/alerts}">{xen:phrase your_alerts}</a></li>
                        <li><a href="{xen:link watched/threads}">{xen:phrase watched_threads}</a></li>
                        <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                        <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}'}">{xen:phrase your_content}</a></li>
                        <li><a href="{xen:link account/following}">{xen:phrase people_you_follow}</a></li>
                        <li><a href="{xen:link account/ignored}">{xen:phrase people_you_ignore}</a></li>
                        <xen:if is="{$xenCache.userUpgradeCount}"><li><a href="{xen:link account/upgrades}">{xen:phrase account_upgrades}</a></li></xen:if>
                    </xen:hook>
                    </ul>
                </div>
                <div class="menuColumns secondaryContent">
                    <ul class="col1 blockLinksList">
                        <li>               
                            <form action="{xen:link account/toggle-visibility}" method="post" class="AutoValidator visibilityForm">
                                <label><input type="checkbox" name="visible" value="1" class="SubmitOnChange" {xen:checked $visitor.visible} />
                                    {xen:phrase show_online_status}</label>
                                <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
                            </form>
                        </li>
                    </ul>
                    <ul class="col2 blockLinksList">
                        <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}" class="LogOut">{xen:phrase log_out}</a></li>
                    </ul>
                </div>
                <xen:if is="{$canUpdateStatus}">
                    <form action="{xen:link members/post, $visitor}" method="post" class="sectionFooter statusPoster AutoValidator" data-optInOut="OptIn">
                        <textarea name="message" class="textCtrl StatusEditor Elastic" placeholder="{xen:phrase update_your_status}..." rows="1" cols="40" style="height:14px" data-statusEditorCounter="#visMenuSEdCount" data-nofocus="true"></textarea>
                        <div class="submitUnit">
                            <span id="visMenuSEdCount" title="{xen:phrase characters_remaining}"></span>
                            <input type="submit" class="button primary MenuCloser" value="{xen:phrase post_verb}" />
                            <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
                            <input type="hidden" name="return" value="1" />
                        </div>
                    </form>
                </xen:if>
            </div>       
        </li>
           
        <xen:if is="{$tabs.account.selected}">
        <li class="navTab selected">
            <div class="tabLinks">
                <div class="primaryContent menuHeader">
                    <h3>{$tabs.account.title}</h3>
                    <div class="muted">{xen:phrase quick_links}</div>
                </div>
                <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>
       
        <!-- conversations popup -->
        <li class="navTab inbox Popup PopupControl PopupClosed">
                       
            <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
                <strong class="itemCount {xen:if {$visitor.conversations_unread}, '', 'Zero'}"
                    id="ConversationsMenu_Counter" data-text="{xen:phrase you_have_x_new_unread_conversations}">
                    <span class="Total">{xen:number $visitor.conversations_unread}</span>
                    <span class="arrow"></span>
                </strong>
            </a>
           
            <div class="Menu JsOnly navPopup" id="ConversationsMenu"
                data-contentSrc="{xen:link 'conversations/popup'}"
                data-contentDest="#ConversationsMenu .listPlaceholder">
               
                <div class="menuHeader primaryContent">
                    <h3>
                        <span class="Progress InProgress"></span>
                        <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a>
                    </h3>                       
                </div>
               
                <div class="listPlaceholder"></div>
               
                <div class="sectionFooter">
                    <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink">{xen:phrase start_new_conversation}</a></xen:if>
                    <a href="{xen:link conversations}">{xen:phrase show_all}...</a>
                </div>
            </div>
        </li>
       
        <xen:hook name="navigation_visitor_tabs_middle" />
       
        <!-- alerts popup -->
        <li class="navTab alerts Popup PopupControl PopupClosed">   
                       
            <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts}
                <strong class="itemCount {xen:if {$visitor.alerts_unread}, '', 'Zero'}"
                    id="AlertsMenu_Counter" data-text="{xen:phrase you_have_x_new_alerts}">
                    <span class="Total">{xen:number $visitor.alerts_unread}</span>
                    <span class="arrow"></span>
                </strong>
            </a>
           
            <div class="Menu JsOnly navPopup" id="AlertsMenu"
                data-contentSrc="{xen:link 'account/alerts-popup'}"
                data-contentDest="#AlertsMenu .listPlaceholder"
                data-removeCounter="#AlertsMenu_Counter">
               
                <div class="menuHeader primaryContent">
                    <h3>
                        <span class="Progress InProgress"></span>
                        <a href="{xen:link account/alerts}" class="concealed">{xen:phrase alerts}</a>
                    </h3>
                </div>
               
                <div class="listPlaceholder"></div>
               
                <div class="sectionFooter">
                    <a href="{xen:link account/alert-preferences}" class="floatLink">{xen:phrase alert_preferences}</a>
                    <a href="{xen:link account/alerts}">{xen:phrase show_all}...</a>
                </div>
            </div>
        </li>
       
        <xen:hook name="navigation_visitor_tabs_end" />
    
        <li class="navTab logout PopupClosed"><a href="{xen:link logout}" class="navLink visitorTabItem OverlayTrigger">{xen:phrase log_out}</a></li>
    </ul> </xen:if>
                </div>
               
               
                <span class="helper"></span>
            </div>
        </div>
    </fieldset>
    
    Vào temple EXTRA.css thêm đoạn này: (xóa đi mấy cái ko cần thiết nhé, sợ nó xung đột)
    Mã:
    .visitorTabs {
    margin-top: 3px;
    }
    .breadBoxTop, .breadBoxBottom {
    padding: 10px 0;
    overflow: hidden;
    zoom: 1;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    #header #logoBlock #logo img
    {
        max-width: 200%;
        padding-left: 5px;
    }
    
    .breadBoxTop .breadcrumb{
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .breadBoxBottom .breadcrumb{
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .breadBoxTop .topCtrl {
        margin-top: 10px;
        margin-right: 3%;
    }
    
    #big-container .breadBoxTop.withTopCtrl{
        margin-bottom:-20px;
    }
    
    .PanelScrollerOff .panel
    {
        margin-bottom: 0 !important;
    }
    
    .forum_list .nodeInfo.forumNodeInfo.primaryContent{
        border-bottom: none !important;
    }
    
    .node .nodeInfo.primaryContent {
        padding: 2px 0 !important;
    }
    
    
    .node .subForumList {
        background: @primaryLightest;
        border-radius: 3px;
        border-bottom: 1px solid #E2E2E2;
        padding: 7px 1% 7px 3%;
        margin: 0px 10px 10px 46px !important;
    }
    
    .node .subForumList li {
        width: 50% !important;
        margin: 3px 0 !important;
    }
    
    .node .subForumList .nodeTitle a:before
    {
        content: "";
        background: @primaryLighter;
        border-radius: 4px;
        margin-right: 5px;
        display: inline-block;
        height: 4px;
        width: 4px;
        vertical-align: middle;
    }
    
    #QuickSearch .textCtrl {
        border-top-color: rgb(233, 233, 233) !important;
        border-bottom-color: rgb(210, 210, 210) !important;
    }
    
    .button.primary
    {
        background-color:@primaryLighterStill;
    }
    
    .button:hover, .button[href]:hover, .buttonProxy:hover .button
    {
        background-color:@primaryLighter;
    }
    
    .messageUserBlock .extraUserInfo {
        background: none !important;
        padding: 0px 6px 8px !important;
    }
    
    .messageUserBlock .extraUserInfo .pairsJustified dd {
        float: none !important;
        text-align: left !important;
    }
    
    .messageUserBlock .extraUserInfo dl {
        font-size: 11px !important;
        margin: 0 !important;
    }
    
    .messageUserBlock .extraUserInfo dd, .messageUserBlock .extraUserInfo dt {
        color: @dimmedTextColor !important;
    }
    
    
    .pageNavLinkGroup .Popup .arrowWidget {
        margin-left: 2px !important;
    }
    
    .pageNavLinkGroup .linkGroup {
        font-size: 12px;
    }
    
    
    /* add-on specific fixes */
    
    .WidgetFramework_WidgetRenderer_FeedReader_Entry {
        margin-top: 10px;
        text-align: left !important;
    }
    
    .sidebar .lnblogRecentIndexEntry {
        padding-bottom: 5px;
    }
    
    .wikiPage .tabs.controlTabs {
        margin-bottom: -24px !important;
    }
    
    div[class*='xfa_groups'] .sidebar dl {
        margin-top: 10px;
    }
    
    
    /* Fixes for xfa groups add-on */
    .xfa_groups_home .groupsList .stats {
        width: 20% !important;
    }
    .xfa_groups_home #big-container-padding {
        padding: 30px 30px !important;
    }
    .xfa_groups_home .categoryBlock {
        max-width: 170px !important;
        width: 17% !important;
    }
    .xfa_groups_home .groupList {
        margin-left: 22%;
    }
    .groupsListItem .description {
        font-size: 12px !important;
        color: @mutedTextColor !important;
    }
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth)
    {
        .xfa_groups_home .groupsList .stats {
            display: none;
        }
    }
    </xen:if>
    .secondaryContent {
    background: #f0f7fc url('styles/vxf/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 10px;
    border-bottom: 1px solid #d7edfc;
    }.sidebar .section .secondaryContent {
    background: #fff;
    border: 1px solid rgb(217, 217, 217);
    }
    #moderatorBar .headerLeft {
    background-color: #0A3552;
    float: left;
    width: 50%;
    }
    
    #moderatorBar .headerRight {
    float: right;
    }
    
    .navTab.logout.PopupClosed {
    display: inline-block;
    cursor: pointer;
    }
    
    #QuickSearch .textCtrl {
    width: 162px;
    font-size: 13px;
    font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #77ADDF;
    background-color: #2F536C;
    padding: 1px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    outline: 0;
    margin: 1px;
    }
    
    #moderatorBar
    {
        background-color: #0A3552;
    border-bottom: 1px solid #77ADDF;
    font-size: 11px;
    height: 25px;
    }
    
    #moderatorBar a,
    #moderatorBar .itemCount
    {
        color: #a5cae4;
    }
    #moderatorBar a
    {
        display: inline-block;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    }
    .Popup .PopupControl.PopupOpen,
        .Popup.PopupContainerControl.PopupOpen
        {
            color: #0F517F;
    background-color: #175F92;
    -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
    
        }
       
        #loginBar {
    margin-top: 2px;
    color: #a5cae4;
    background-color: #0A3552;
    float: right;
    z-index: 1;
    }
    
    
    
    
     
  10. shin_conan

    shin_conan Member

    Bài viết:
    426
    Likes :
    91
  11. lamnm88

    lamnm88 Member

    Bài viết:
    159
    Likes :
    10
    Đã làm theo và ok không vấn đề ^^
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...