[Hướng dẫn] làm phần Login nhỏ gọn và có avatar khi đăng nhập VBb4

[Thảo Nguyên]

Đầu tiên : Bạn Cho cái đoạn code này vào dưới cùng của footer

<style>.thuongtham a {    -moz-font-feature-settings: normal;    -moz-font-language-override: normal;    -x-system-font: none;    font-family: Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;    font-size: 14px;    color: black;    font-size-adjust: none;    font-stretch: normal;    font-style: normal;    font-variant: normal;    font-weight: bold;    line-height: normal;}</style><vb:if condition="$show['member']"><div id="quanly">    <div id="fbContent">    <div id="fb-root"></div>
<div class="dnm"><vb:if condition="$bbuserinfo['avatarurl']"><img class="duongvien" src="{vb:raw bbuserinfo.avatarurl}" width="100" height="100" border="0" title="Avatar của {vb:raw bbuserinfo.username}"/><vb:else /><img class="duongvien" src="images/misc/unknown.gif" width="100" height="100" title="Avatar của {vb:raw bbuserinfo.username}"  border="0" /></vb:if> </div>
<td class="alt2" width="300" nowrap="nowrap"><div class="fontdnm"><strong><li class="thuongtham"><font color="gray">Chào bạn{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</font></li>.</strong><br><li class="thuongtham"><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>                <li class="thuongtham"><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>                <vb:if condition="$notifications_total">                <li class="popupmenu notifications" id="notifications">                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>                    <ul class="popupbody popuphover">                        {vb:raw notifications_menubits}                    </ul>                </li>                <vb:else />                <li class="popupmenu nonotifications" id="nonotifications">                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>                    <ul class="popupbody popuphover">                        <li>{vb:rawphrase no_new_messages}</li>                        <vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>                    </ul>                </li>                </vb:if><div><font color="Red"><b>Số tiền</b></font>:<strong><span id="navbar_credits">3,054</span></strong>[<a href="credits.php?do=banking">Check</a>]</div></div><table><tbody><tr><td><div id="moods_menu" class="vbmenu_popup" style="display: none; position: absolute; z-index: 50;">Tui:<a id="moods" href="#"><img border="0" src="images/mood/Busy.gif"></a><script type="text/javascript">vbmenu_register("moods", 1);</script></td><td style="padding-left:25px;padding-top:10px;"><a href="/forum/profile.php?do=editavatar"><span title="Đổi avatar của bạn"><img border="0" src="http://media30.onsugar.com/modules/smileys/examples/star.gif"></span></a><a href="/forum/profile.php?do=editpassword"><span title="Đổi mật khẩu tài khoản"><img border="0" src="http://media30.onsugar.com/modules/smileys/examples/star.gif"></span></a><a href="/forum/profile.php?do=editsignature"><span title="Sửa chữ ký của bạn"><img border="0" src="http://media30.onsugar.com/modules/smileys/examples/star.gif"></span></a><a href="/forum/profile.php?do=editprofile"><span title="Sửa thông tin của bạn"><img border="0" src="http://media30.onsugar.com/modules/smileys/examples/star.gif"></span></a><a href="/forum/profile.php?do=editoptions"><span title="Thay đổi tùy chọn"><img border="0" src="http://media30.onsugar.com/modules/smileys/examples/star.gif"></span></a>
<br><a 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}')">Thoát</a></td></tr></tbody>
</table></td></div></div>
<vb:else /><div id="sliderFacebook">    <div id="fbContent">    <div id="fb-root"></div><td class="alt2" nowrap="nowrap" style="padding:0px"><form onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)" method="post" action="login.php?do=login"><script src="clientscript/vbulletin_md5.js?v=384" type="text/javascript">
</script><table cellspacing="3" cellpadding="0" border="0"><tbody><tr><td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">Tên tài khoản</label></td><td><input id="navbar_username" class="bginput" type="text" onblur="AVIMObj.setMethod(0);" onfocus="if (this.value == 'Tài khoản') this.value = '';AVIMObj.setMethod(-1);" value="Tên tài khoản" tabindex="101" accesskey="u" size="10" name="vb_login_username" style="font-size: 11px"></td><td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input id="cb_cookieuser_navbar" type="checkbox" accesskey="c" tabindex="103" value="1" name="cookieuser">Ghi nhớ?</label></td></tr><tr><td class="smallfont"><label for="navbar_password">Mật khẩu</label></td><td><input id="navbar_password" class="bginput" type="password" tabindex="102" size="10" name="vb_login_password" style="font-size: 11px"></td><td><input class="button" type="submit" accesskey="s" title="Nhập username và mật khẩu đã cung cấp để đăng nhập, hoặc ấn vào 'đăng ký' để tao 1 tài khoản" tabindex="104" value="đăng nhập"></td></tr></tbody></table><input type="hidden" value="" name="s"><input type="hidden" value="1320924713-2bcb0a331e29424589c743242c7db03a6403069d" name="securitytoken"><input type="hidden" value="login" name="do"><input type="hidden" name="vb_login_md5password"><input type="hidden" name="vb_login_md5password_utf"></form></td></vb:if>
    </div></div> 

Tiếp theo bạn cho cái đoạn css này vào additional.css

#sliderFacebook {    background-attachment: scroll;    background-clip: border-box;    background-color: transparent;    background-image: url("dangnhap.png");    background-origin: padding-box;    background-position: 0 0;    background- 

Tiếp tục up 2 cái hình này lên host ngang hàng admincp
Cuối cùng cài Plugins này vào :
Tải Đính kèm
Xong ra chiêm ngưỡng
Demo: http://m4ufanclub.tk/forum/forum.php

[duylong.nkkt]

Tại sao của mình lại không nằm ngang màn hình nhỉ, nó chui thẳng xuống foot như thế này ạ. Hay là ko phù hợp phiên bản, em dùng vbb4.0.5
Capture.jpg