Cần giúp đỡ chuyển vị trí khung đăng nhập

[dangquyet]

Chào các bác, em cần làm cái banner flash cho forum vbb4.0.5, vì thế em muốn chuyển cái khung đăng nhập ở góc trên cùng xuống dưới như diễn đàn vn-zoom. Bác bào biết sửa code chỗ nào giúp em với nhé!

Hiện tại


Cấn chuyển như sau

[quanvukt]

Trời ơi làm rồi thì post lên luôn giờ mình phải reply và đợi trả lời nữa hic hic >.<

[HTT.itvn]

Trời ơi làm rồi thì post lên luôn giờ mình phải reply và đợi trả lời nữa hic hic >.<

Cái này cũng đơn giản thôi , bạn làm theo cách sau :

- B1 : Đầu tiên bạn phải để logo có chiều cao bằng chiều cao của file flash , nếu nhỏ quá sẽ che khuất các link phía dưới , làm cho chuột không trỏ được .

- B2 : Vào AdminCP >> Style & Templates >> Style Manager >> Chọn Style cần chỉnh ( style mà bạn đã đưa file xml ) >> Edit Templates >> header , thay thế toàn bộ code sau :

<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a><DIV id="Layer1" style="Z-INDEX: 1; RIGHT: 0; WIDTH: 400; POSITION: absolute; TOP: 0; HEIGHT: 150">
<embed src="images/flash99.swf" width="400" height="150" wmode="transparent" align="right"></div></div>



<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div><hr /></div>

Nhấn Save .

- B3 : Tiếp theo vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Style ( style ở trên ) >> edit Templates >> CSS Templates >> additional.css , thêm đoạn code này xoạn cuối cùng :

.itvnn_login_bg{
position:relative;
left:{vb:stylevar body_padding};
right:{vb:stylevar body_padding};
background: {vb:stylevar body_background};
}

Nhấn Save .

- B4 : Tiếp tục vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Style ( style ở trên ) >> edit Templates >> Navigation / Breadcrumb Templates >> navbar , tìm code sau :

<div class="body_wrapper">

Chèn xuống dưới đoạn code sau :

<div class="itvnn_login_bg">
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:ra w bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<li><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>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nouser">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
<li>
<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})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />

<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>


</div>
</div>
</fieldset>



<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>
<script type="text/javascript">
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
vB_XHTML_Ready.subscribe(function()
{
//
YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
});

function navbar_username_focus(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
{
//
textbox.value='';
textbox.style.color='{vb:stylevar toplinks_form_input.color}';
}
}

function navbar_username_blur(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
//
textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
textbox.style.color='{vb:stylevar toplinks_form_input_defaultValue.color}';
}
}

function navbar_password_hint(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);

YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
YAHOO.util.Dom.get('navbar_password').focus();
}

function navbar_password(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);

if (textbox.value == '')
{
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
}
}
</script>
</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
</vb:if>
</div>
</div>

Nhấn Save .

- B5 : Lúc này màu font có thể trùng màu phông body , vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style ở trên >> StyleVars >> Tìm Vars sau :

+ Toplinks_text
+ Toplinks_link_color
+ Toplinks _linkhover_color

Chỉnh sửa màu phù hợp ý bạn >> Lưu lại và vào forum hưởng thụ thành quả .

- Nếu không muốn khung đăng nhập ngang hàng với Chuyên mục ( forum ) thì ở đoạn code ở bước 4 bạn chèn cuối cùng thẻ <br><br>

Nếu lười nhác thì tải file xml tại đây . Lời khuyên : nên tự làm các bước trên để sau này có thể biết chỗ mà thêm bớt .

CHÚC THÀNH CÔNG !

[quanvukt]

Thanks nhé Amdin như bạn thật tốt, ít diễn đàn nào có Admin đính thân giải quyết mất vụ nho nhỏ này lắm

[Tiểu Bá Vương 1404]

Không biết code của anh Thanh có giống thế này không ? http://getamped.sellhostvn.com/vbb4/

[minhthai]

đi khắp forum chỉ có forum này là hướng dẫn di chuyển khung đăng nhập. Thanks 2 bác HTT và Tiểu Bá Vương nhiều lắm nhé. hihi...

Sẵn cho mình hỏi cái mục thống kê thành viên online 24h. Vì giờ forum mình hiện thành viên và kèm theo giờ là Hôm nay 14:20, Hôm qua 13:10. Giờ mình muốn bỏ hiện giờ hoặc chỉ hiện giờ giống forum itvnn vậy đó, nghĩa là bỏ chữ Hôm nay và Hôm qua đi thì làm sao. Nếu bỏ luôn giờ thì càng tốt, hihi.... Xin mọi người giúp đỡ. Thanks