[VBB4.x]Tạo khung đăng nhập như diễn đàn HSVFORUM.VN

Demo: http://hsvforum.vn/forum.php

Bắt đầu:
Vào admincp -> search template -> tìm:

vbulletin-chrome.css

Kéo xuống dưới cùng thêm vào đoạn code sau:

.ninja_quick_login a img{border: none;outline: none;}.ninja_quick_login a{color: #000;text-decoration: none;outline: none 0;border: 0;}.ninja_quick_login a:hover{color: #663300;}.ninja_clr{visibility: hidden;clear: both;display: block;padding: 0;margin: 0;line-height: 1;height: 0;width: 100%;overflow-y: hidden;font-size: 0;}.ninja_fl{float: left;}.ninja_fr{float: right;}.ninja_quick_login input{font-family: Arial, Helvetica, sans-serif;padding: 0;}.ninja_warpper{width: 1000px;margin: 0 auto;}.ninja_quick_login{font-family: Arial, Helvetica, sans-serif;font-size: 12px; /*line-height:16px;*/background: url(hsvforum_login/login_quick_bg.jpg) bottom repeat-x;height: 68px;width: 100%;z-index: 9999;position: fixed;bottom: 0;left: 0;}.ninja_quick_login .ninja_img_char{background: url(hsvforum_login/login_quick_char.png) no-repeat;width: 80px;height: 68px;float: left;margin-right: 10px;}.ninja_quick_login .ninja_tb{-moz-border-radius: 5px 5px 5px 5px;background: #ededed;border: 1px solid #5e5e5e; /*height: 16px;*/margin-bottom: 4px;padding: 3px 5px;width: 88px;margin-right: 5px;}.ninja_quick_login .ninja_btn{width: 100px;height: 20px;background: url(hsvforum_login/login_quick_btn.jpg) no-repeat;border: none;cursor: pointer;margin-right: 15px;}.ninja_quick_login .ninja_content_padding{padding-top: 38px;}.ninja_quick_login ul{float: left;margin: 0;padding: 0;}.ninja_quick_login li{display: block;float: left;margin-right: 10px;height: 21px;margin-top: 3px;}.ninja_quick_login li a{display: block;text-indent: -9999em;cursor: pointer;}.ninja_quick_login li.ninja_home{background: url(hsvforum_login/login_quick_home.jpg) no-repeat;width: 91px;}.ninja_quick_login li.ninja_register{background: url(hsvforum_login/login_quick_reg.jpg) no-repeat;width: 121px;}.ninja_quick_login li.ninja_guide{background: url(hsvforum_login/login_quick_guide.jpg) no-repeat;width: 99px;}.ninja_quick_login li.ninja_forum{background: url(hsvforum_login/login_quick_forum.jpg) no-repeat;width: 99px;}.ninja_quick_login li.ninja_text_event{background: url(hsvforum_login/login_quick_text.jpg) no-repeat 0 -5px;width: 178px;padding: 2px 10px 0;}.ninja_quick_login li.ninja_text_event a{text-indent: inherit;color: #e2b92b;}.ninja_quick_login a.ninja_btn_up{background: url(hsvforum_login/login_quick_top.png) no-repeat;width: 32px;height: 20px;display: block;text-indent: -9999em;margin-top: 38px;margin-right: 6px;}.ninja_quick_login .ninja_form{width: 400px;}.ninja_quick_login a.ninja_login{float: left;padding-top: 5px;display: block;padding-right: 20px;color: #FFF;font-weight: bold;}

Save & Reload, tiếp tục search template -> tìm:

header

Mấy đoạn cài javascript thì bạn giữ lại, còn đâu thì thay toàn bộ bằng:

<div id="widget_quick_login" class="ninja_quick_login"><div class="ninja_warpper"><div class="ninja_img_char"></div>

<div class="ninja_content_padding ninja_fl">

<vb:if condition="$show['member']">
<div style="width: 500px; float: left;">
<a class="ninja_login" href="{vb:link member, {vb:raw bbuserinfo}}">{vb:raw bbuserinfo.musername}</a>
<a class="ninja_login" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<a class="ninja_login" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a>
<a class="ninja_login" href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a>
<a class="ninja_login" href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a>
                

            {vb:raw template_hook.header_userinfo}
</div>
<li class="ninja_text_event"><a href="http://hsvforum.vn/threads/7301-thong-bao-trao-doi-logo-textlink-voi-cac-website-khac"><marquee scrollamount="3">Thông Báo Trao Đổi Logo Và Liên Kết Với Các Website Khác</marquee></a></li>
<li class="ninja_home"><a href="http://hsvforum.vn" target="_blank">Trang chủ</a></li>
<!--<li class="ninja_guide"><a href="faq.php{vb:raw session.sessionurl_q}" rel="nofollow" title="{vb:rawphrase help}">{vb:rawphrase help}</a></li>-->
<vb:else />

<div class="ninja_form ninja_fl">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<input value="Tài khoản" onfocus='if(this.value==this.defaultValue) this.value=""' onblur='if(this.value=="") this.value=this.defaultValue' name="vb_login_username" id="navbar_username" class="ninja_tb ninja_fl" type="text">

<input type="text" class="ninja_tb ninja_fl" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input value="******" onfocus='if(this.value==this.defaultValue) this.value=""' onblur='if(this.value=="") this.value=this.defaultValue' name="vb_login_password" id="navbar_password" class="ninja_tb ninja_fl" type="password">

<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
<input value="" class="ninja_fl ninja_btn" name="" onclick="return login();" type="submit">
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                <input type="hidden" name="do" value="login" />
                <input type="hidden" name="vb_login_md5password" />
                <input type="hidden" name="vb_login_md5password_utf" />
</form>
                            <!--<vb:if condition="$vboptions['enablefacebookconnect']">
                    {vb:raw facebook_header}
                </vb:if>-->
</div>

<ul>
<li class="ninja_text_event"><a href="http://hsvforum.vn/threads/3983-tuyen-dich-va-edit-truyen-tranh"><marquee scrollamount="3">Tuyển Translator Và Editor Truyện Tranh Manga, Comic Cho Diễn Đàn HSVFORUM</marquee></a></li>
<li class="ninja_home"><a href="http://hsvforum.vn" target="_blank">Trang chủ</a></li>
<li class="ninja_register"><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" title="{vb:rawphrase register}">{vb:rawphrase register}</a></li>
</ul>
</vb:if>
</div>        
<a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;" class="ninja_btn_up ninja_fr" title="{vb:rawphrase top}">{vb:rawphrase top}</a>
</div></div>

<div class="above_body"> <!-- closing tag is in template navbar -->
    <div class="ad_global_header">
        {vb:raw ad_location.global_header1}
        {vb:raw ad_location.global_header2}
    </div>

Save lại và upload thư mục hsvforum_login lên ngang hàng index. Hoặc bạn muốn thay hình khác thì tùy bạn.
http://www.mediafire...4vnn2pqqv1xiju7

Tệp Đính Kèm

hsvforum_login.zip 39.12KB 0 Lượi tải

#1 emlaphale Gửi vào 17 August 2012 - 11:31 PM

Tệp Đính Kèm

Sign In

#1
emlaphale

Gửi vào 17 August 2012 - 11:31 PM