Style xfNews 2014

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
Style xfNews 2014

Style mượt mà, khá đẹp, thích hợp cho các bạn lựa chọn để làm style chính của diễn đàn mình.

Xfnews 2014.png

Chúc các bạn thành công.


Nguồn: vnnet.org​
 

Đính kèm

  • styles XFnews.zip
    578.2 KB · Lượt xem: 86

nhozharass

S.E.O Gà
Thành viên BQT
Tham gia
25/05/2015
Bài viết
180
Được Like
138
Tks anh đã chia sẽ ...Hehe để em thử phát xem :*:*:*rofl~~rofl~~rofl~~
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
ừ hii, test hộ mình luôn, chứ leech về chưa test được ^^
 

nhozharass

S.E.O Gà
Thành viên BQT
Tham gia
25/05/2015
Bài viết
180
Được Like
138
em thấy style đẹp nhé :D
Mã:
Demo: thietkewebtop1.vn (trang xấu mọi người đừng chê ^^)
 

Coolboyhn

MasterCorporal
Tham gia
15/03/2015
Bài viết
340
Được Like
236
Tớ có full code đây, ai cần liên hệ nhá
 

kamchatka

MasterCorporal
Tham gia
14/04/2015
Bài viết
248
Được Like
162
ai cho mình xin cai widget lastest news đi , cám ơn
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
mình thấy nó làm bằng widget, không biết sao :)
 

nhozharass

S.E.O Gà
Thành viên BQT
Tham gia
25/05/2015
Bài viết
180
Được Like
138
sao em tìm không thấy cái widget lastest news nhỉ?? chia sẽ cho em với :D
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
Renderer: Threads
Lastest News mình nghĩ đó cũng là News Thread, hoặc nếu khác thì chắc bên đó họ add code vào widget ^^
 

kamchatka

MasterCorporal
Tham gia
14/04/2015
Bài viết
248
Được Like
162
cái widget lastest news mần bằng WF như lão @PVS nói á , rinh nguyên cái source của nó đè lên thì ok hết , mà chẳng qua mình mún bik để làm như thế nào thôi , mà bên trang web yeu truyện của lão @2L.Ohayo còn có 1 cai hay nữa là cái vnxf cùng chuyên mục , bài liên quan ấy , lão ấy chế lại nhìn gọn mà đẹp . hehe mà ko dám xin bữa giờ ám lão ấy nhiều tóa
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Mình cũng lấy cái widget đó từ style XfNews ra mà.
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Css của VNXF_More_Thread.css đây bác @kamchatka
Mã:
a.img_items {
    display: block;
    overflow: hidden;
}
a.img_items img {
    height: 140px;
    width: 100%;
}
.header_rc {
    border-bottom: 2px solid rgb(1, 151, 116);
    position: relative;
    width: auto;
}
.title_rc {
    background: none repeat scroll 0 0 rgb(1, 151, 116);
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: -37px;
}
.HotBlock {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    clear:both;
}
.HotBlock_wrp {
    background: none repeat scroll 0 0 #ffffff;
    margin-top: 15px;
    padding-top: 30px;
}
.HotBlock_ct {
    padding: 20px 0 0;
}
.HotBlock_items {
    float: left;
    margin: 0 10px 20px;
    overflow: hidden;
    width: 183px;
    height: 193px;
}
.title_items {
    display: block;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
}
.info_items {
    color: #666 !important;
    font-size: 10px;
}
.info_items a {
    color: #666;
}

@media (max-width: 480px)
{
    .HotBlock_items
    {
        float: left;
        margin: 0 5px;
        width: 47%;
    }
    .HotBlock_items .ct_items
    {
        display: inline;
    }
}
@media (max-width: 800px)
{
    .HotBlock_items
    {
        width: 170px;
    }
}
 

wapvietad

Private
Tham gia
02/05/2015
Bài viết
48
Được Like
17
Các bác cho em hỏi sau khi em cài styles trên thì khi đăng ký nó lại bị lỗi trùng nội dung như sau:
aloidayr-png.8326.html

Các bác chỉ em với !
 

Coolboyhn

MasterCorporal
Tham gia
15/03/2015
Bài viết
340
Được Like
236
Các bác cho em hỏi sau khi em cài styles trên thì khi đăng ký nó lại bị lỗi trùng nội dung như sau:
aloidayr-png.8326.html

Các bác chỉ em với !
Với xenforo khi update lên phiên bản 1.4.x thường hay bị lỗi double thông tin khi đăng ký thành viên.
16828420295_82d849aa47_o.jpg

Cách giải quyết tình trạng này như sau:
Cách 1: Các bạn vào adminCP->Teamplate-> chọn extra.css
Thêm đoạn code này vào:
Mã:
.limited
{
display:none;
}
16827352691_f8206505d0_o.png

Save lại.

Cách 2:Thay toàn bộ temp register_form bằng cái này:

Mã:
<xen:title>{xen:phrase sign_up}</xen:title>

<form action="{xen:link 'register/register'}" method="post" class="xenForm AutoValidator"
    data-fieldValidatorUrl="{xen:link register/validate-field}"
    data-normalSubmit="1"
>
    <xen:if is="{$errors}">
        <div class="errorPanel">
            <h3 class="errorHeading">{xen:phrase please_correct_following_errors}:</h3>
            <div class="baseHtml errors">
                <ol>
                <xen:foreach loop="$errors" value="$error">
                    <li>{xen:raw $error}</li>
                </xen:foreach>
                </ol>
            </div>
        </div>
    </xen:if>

    <dl class="ctrlUnit">
        <dt><label for="ctrl_{$fieldMap.username}">{xen:phrase name}:</label></dt>
        <dd>
            <input type="text" name="{$fieldMap.username}" value="{$fields.username}" class="textCtrl" id="ctrl_{$fieldMap.username}" autofocus="true" autocomplete="off" />
            <p class="explain">{xen:phrase this_is_name_that_will_be_shown_with_your_messages}</p>
        </dd>
    </dl>



    <dl class="ctrlUnit">
        <dt><label for="ctrl_{$fieldMap.email}">{xen:phrase email}:</label></dt>
        <dd>
            <input type="email" name="{$fieldMap.email}" value="{$fields.email}" dir="ltr" class="textCtrl" id="ctrl_{$fieldMap.email}" />
        </dd>
    </dl>

    <fieldset>
  

        <dl class="ctrlUnit">
            <dt><label for="ctrl_{$fieldMap.password}">{xen:phrase password}:</label></dt>
            <dd><input type="password" name="{$fieldMap.password}" class="textCtrl OptOut" id="ctrl_{$fieldMap.password}" autocomplete="off" /></dd>
        </dl>

        <dl class="ctrlUnit">
            <dt><label for="ctrl_{$fieldMap.password_confirm}">{xen:phrase confirm_password}:</label></dt>
            <dd>
                <input type="password" name="{$fieldMap.password_confirm}" class="textCtrl OptOut" id="ctrl_{$fieldMap.password_confirm}" />
                <p class="explain">{xen:phrase enter_your_password_in_first_box_and_confirm_it_in_second}</p>
            </dd>
        </dl>

  
    </fieldset>
  
    <dl class="ctrlUnit">
        <dt>{xen:phrase gender}:</dt>
        <dd>
            <ul>
                <li><label><input type="radio" name="{$fieldMap.gender}" value="male" {xen:checked "{$fields.gender} == 'male'"} /> {xen:phrase male}</label></li>
                <li><label><input type="radio" name="{$fieldMap.gender}" value="female" {xen:checked "{$fields.gender} == 'female'"} /> {xen:phrase female}</label></li>
                <li><label><input type="radio" name="{$fieldMap.gender}" value="" {xen:checked "!{$fields.gender}"} /> ({xen:phrase unspecified})</label></li>
            </ul>
        </dd>
    </dl>

    <xen:include template="helper_birthday_row_register" />

    <xen:if is="{$xenOptions.registrationSetup.requireLocation}">
        <dl class="ctrlUnit">
            <dt>
                {xen:phrase location}:
                <dfn>{xen:phrase required}</dfn>
            </dt>
            <dd>
                <input type="text" name="location" value="{$fields.location}" class="textCtrl" />
            </dd>
        </dl>
    </xen:if>
    <xen:include template="custom_fields_edit">
        <xen:set var="$customFieldInputName" value="{$fieldMap.custom_fields}" />
    </xen:include>

    <dl class="ctrlUnit" style="display: none">
        <dt><label for="ctrl_{$fieldMap.timezone}">{xen:phrase time_zone}:</label></dt>
        <dd>
            <select name="{$fieldMap.timezone}" class="textCtrl {xen:if $fields.timezoneAuto, 'AutoTimeZone'} OptOut" id="ctrl_{$fieldMap.timezone}">
                <xen:foreach loop="$timeZones" key="$identifier" value="$name">
                    <option value="{$identifier}" {xen:selected "{$identifier} == {$fields.timezone}"}>{$name}</option>
                </xen:foreach>
            </select>
        </dd>
    </dl>

    <xen:if hascontent="true">
        <fieldset>
            <xen:contentcheck>
                <xen:include template="helper_captcha_unit" />
            </xen:contentcheck>
        </fieldset>
    </xen:if>

    <dl class="ctrlUnit submitUnit">
        <dt></dt>
        <dd>
            <xen:set var="$timerHtml"><xen:if is="{$xenOptions.registrationTimer}">
                <span id="RegTimer">({xen:phrase please_wait_x_seconds, "seconds=<span>{$xenOptions.registrationTimer}</span>"})</span>
            </xen:if></xen:set>
            <xen:if is="{$tosUrl}">
                <ul>
                    <li>
                        <div class="text">{xen:phrase i_agree_to_terms_and_rules, 'checkbox=<input type="checkbox" name="agree" value="1" id="ctrl_agree" class="Disabler" />', 'terms_attributes=href="{$tosUrl}" target="_blank"'}</div>
                        <ul id="ctrl_agree_Disabler">
                            <li><input type="submit" value="{xen:phrase sign_up}" accesskey="s" class="button primary" id="SubmitButton" /> {xen:raw $timerHtml}</li>
                        </ul>                  
                    </li>
                </ul>
            <xen:else />
                <input type="submit" value="{xen:phrase sign_up}" accesskey="s" class="button primary" id="SubmitButton" /> {xen:raw $timerHtml}
            </xen:if>
        </dd>
    </dl>

    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
    <input type="hidden" name="reg_key" value="{$regKey}" />
</form>

<xen:if is="{$xenOptions.registrationTimer}">
    <script>
    (function($) {
        $(function() {
            var rt = $('#RegTimer'), s = rt.find('span'), t = parseInt(s.text(), 10),
                sub = $('#SubmitButton'),
                i = setInterval(function() {
                    t--;
                    if (t <= 0) {
                        rt.hide();
                        clearInterval(i);
                    } else {
                        s.text(t);
                    }
                }, 1000);

                var f = function(e) {
                    if (t > 0) {
                        e.preventDefault();
                    }
                };

                sub.click(f);
                sub.closest('form').submit(f);
        });
    })(jQuery);
    </script>
</xen:if>
Done!
Thoát ra và test thử nhé.

Sưu Tầm
 

kamchatka

MasterCorporal
Tham gia
14/04/2015
Bài viết
248
Được Like
162
thank lão @2L.Ohayo đã cố gắng mò nhưng ko thành công :=D . chép dzô nhưng thấy cũng vậy o bik sao nữa
 

kamchatka

MasterCorporal
Tham gia
14/04/2015
Bài viết
248
Được Like
162
haizz ta có bik đâu ta cũng chép y chang mà nó chỉ có hình ko có title thread lệch khung lun á mò wwai` ko có ra
 

nhozharass

S.E.O Gà
Thành viên BQT
Tham gia
25/05/2015
Bài viết
180
Được Like
138
haizz ta có bik đâu ta cũng chép y chang mà nó chỉ có hình ko có title thread lệch khung lun á mò wwai` ko có ra
chép có đúng chỗ không đó hay lộn đó bác. Em làm một phát được ngay
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom