Lỗi style sau khi upgrade lên xenforo 1.2

Sau khi mình nâng cấp lên bản 1.2 thì bị lỗi thế này đối với một số phần của style KSV.
Mong mọi người giúp đỡ sửa chữa.
Cái khung tìm kiếm nó không được như cũ nữa, mình không biết sửa sao cả.

​

Mình muốn nó trở lại thế này!

​

Và cái ribbon mặc định của xenforo 1.2 bị lỗi luôn

​

Mình muốn nó trở lại thế này!

​

Bác nào biết thì giúp mình sửa lại. Đây mình dùng style KSV của bác @Kid và đang sửa trên localhost nên không có demo online được.

 

Style KSV Rip by Kid compatible with 1.1.x - NOT Support 1.2.x

 

Không hỗ trợ nhưng mình muốn sửa nó lại 1 tí thôi, vì đa số vẫn ổn mà. Mà bác biết cái ribbon đó bị ảnh hưởng bởi những template nào không @KC2T.TòMò18+ ?

 

message_user_info.css

 

Cái template đó không bị sửa gì cả, revert lại vẫn thế.

 

do lỗi styles không tương thích với phiên bản 1.2 vì thế mình đắn đo có nên upder lên khồng này , nếu upder lên thì chỉ có thể dùng mặc định làm lại từ đầu ngại quá nếu onlien pm yahoo :hondacodon_5521

 

Tìm đến temp search_bar và search_bar.css thay thế toàn bộ bằng đoạn code dưới
search_bar

Mã:

<xen:edithint template="search_bar.css" />

<div id="searchBar">
    <xen:hook name="quick_search">
    <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="textCtrl2" 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>
    </xen:hook>
</div>

search_bar.css

Mã:

@CHARSET "UTF-8";

/* --- search_bar.css --- */

#searchBar
{
    position: relative;
    zoom: 1;
    z-index: 52; /* higher than breadcrumb arrows */
    float: right;
}

.LoggedOut #searchBar{ top: 1px; }

    #QuickSearch
    {
        display: block;
        position: absolute;
        background: #fff;
        margin: 0 10px;
        padding: 4px 0;
        z-index: 7500;
        top: 1px;
        opacity: 0.4;
    }
           
        #QuickSearch .secondaryControls
        {
            display: none;
        }
   
        #QuickSearch.active
        {
            -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); box-shadow: 5px 5px 25px rgba(0,0,0, 0.5);
            padding-bottom: 5px;
            opacity: 1;
        }
       
    #QuickSearch .submitUnit .button
    {
        min-width: 0;
    }
       
    #QuickSearch input.button.primary
    {
        float: left;
        width: 110px;
    }
   
    #QuickSearch #commonSearches
    {
        float: right;
    }
   
        #QuickSearch #commonSearches .button
        {
            width: 24px;
            padding: 0;
        }

            #QuickSearch #commonSearches .arrowWidget
            {
                background-position: -64px 0;
                margin-top: -4px;
            }

            #QuickSearch #commonSearches .PopupOpen .arrowWidget
            {
                background-position: -16px 0;
            }
   
    #QuickSearch .moreOptions
    {
        display: block;
        margin: 0 24px 0 110px;
        width: auto;
    }
   
    /*#QuickSearch .commonSearches li
    {
        width: 50%;
        float: left;
    }
   
        #QuickSearch .commonSearches li a
        {
            display: block;
            font-size: 11px;
            padding: 2px 5px;
            background: rgb(250, 250, 250);
            border: 1px solid rgb(237, 237, 237);
            -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
            margin: 0 1px 1px 0;
        }
       
            #QuickSearch .commonSearches li a:hover,
            #QuickSearch .commonSearches li a:focus
            {
                background: transparent;
                text-decoration: none;
            }
           
            #QuickSearch .commonSearches li a:active
            {
                background: rgb(237, 237, 237);
            }*/
           
            .textCtrl2 {
        font-size: 13px;
        font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        color: #000;
        background-color: #fff;
        padding: 3px;
        margin-bottom: 2px;
        border: 0px
solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        outline: 0;
        width: 232px
}

Ribbon : revert temp user_banners.css

 

Cảm ơn @Mr.Ip Cái search bar thì tốt rồi, nhưng cái ribbon thì vẫn thế, temp user_banners.css khôg bị sửa gì cả.

 

Do ribbon của bạn thiếu hoặc ko nhận css
Có demo thì mới biết chỗ nào mà sửa

 

Do chưa up lên host nên không có demo

 

đối với phần tìm kiếm thì cậu mở Template search_bar
Tìm có xóa đoạn

PHP:

<span id="QuickSearchPlaceholder" title="{xen:phrase search}">{xen:phrase search}</span>

 

Còn phần này thì mở Template EXTRA.css thêm CSS này vào.

PHP:

.userBanner.bannerStaff {
    background-color: #D7EDFC;
    border-color: #A5CAE4;
    color: #175F92;
}
.userBanner.wrapped {       
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
}   
.userBanner {
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 11px;
    padding: 1px 5px;
    text-align: center;
}
.userBanner.wrapped {       
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
}
.userBanner {
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 11px;
    padding: 1px 5px;
    text-align: center;
}
.userBanner.bannerStaff {
    background-color: #D7EDFC;
    border-color: #A5CAE4;
    color: #175F92;
}
.userBanner.wrapped span.before {
  border-top-left-radius: 3px;
  left: -1px;
}
.userBanner.wrapped span {
    background-color:inherit;
    height: 4px;
    position: absolute;
    top: -4px;
    width: 5px;
}
.userBanner.bannerStaff.wrapped span {
    background-color: #A5CAE4;
}
.userBanner.wrapped span.after {
    border-top-right-radius: 3px;
    right: -1px;
}

 

Tks bác, đã sửa xong

 

Bác @Mr.Ip giúp em sửa cái này luôn được không.
Đưa cái nút đăng ký lên thành nút đăng ký/đăng nhập giống của ksv.

​

Nó như thế này.

​

 

k biết

 

Ta làm được lâu rồi và kinh nghiệm rút ra là view source rồi kiên trì làm theo thì làm được hết .