kahlakhooc
24-01-2011, 02:58 AM
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/24/02/36211295812514.PNG
Tình hình là Mình muốn chuyển khung đăng nhập xuống thanh màu đen (1 --> 2 ) Như hình trên.
Mong Pro giúp đỡ
Còn đây là toàn bộ code header style của mình.
<script type="text/javascript" src="ipluv_flash.js"></script>
<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"><table id="Table_01" width="1000" height="201" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="banner/banner_main2011_01.png" width="354" height="200" alt=""></td>
<td rowspan="3">
<img src="banner/banner_main2011_02.png" width="306" height="200" alt=""></td>
<td colspan="4">
<img src="banner/banner_main2011_03.png" width="340" height="18" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="banner/banner_main2011_04.png" width="10" height="75" alt=""></td>
<td>
<!--Quang cao-->
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.shareswf.com/media/games/swf/7892.swf" quality="high" width="300" height="70" swliveconnect="true" allowscriptaccess="samedomain" /><!--/Quang cao--></td>
<td>
<img src="banner/banner_main2011_06.png" width="30" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="banner/banner_main2011_07.png" width="8" height="107" alt=""></td>
<td colspan="3">
<img src="banner/banner_main2011_08.png" width="332" height="107" alt=""></td>
</tr>
<tr>
<td>
<img src="banner/spacer.gif" width="354" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="306" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="300" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="30" height="1" alt=""></td>
</tr>
</table>
</a></div>
<div><a name="top" href="forum.php" class="logo-image"><img src="images/styles/k89/banner_login.jpg" alt="Cộng Đồng Teen HY - K89 - Relax Channel - Powered by vBulletin" /></a></div>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw 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" 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="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="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<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" checked=checked"/> {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");
YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");
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='black';
}
}
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='#828282';
}
}
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 class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
</div>
<!-- logo -->
</head>
<body>
</body>
<center>
<div id="container"></div>
<script type="text/javascript" src="http://kenh89.com/banner/swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("http://kenh89.com/banner/imagerotator.swf","rotator","1000","300","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("allowscriptaccess","always");
s1.addVariable("shownavigation","false");
s1.addVariable("wmode","transparent");
s1.addVariable("linkfromdisplay","true");
s1.addVariable("linktarget","_blank");
s1.addVariable("file","http://kenh89.com/errors/404.xml");
s1.addVariable("width","1000");
s1.addVariable("height","300");
s1.write("container");
</script>
</center>
<!-- /logo -->
Một lần nữa xin chân thành cảm ơn
Tình hình là Mình muốn chuyển khung đăng nhập xuống thanh màu đen (1 --> 2 ) Như hình trên.
Mong Pro giúp đỡ
Còn đây là toàn bộ code header style của mình.
<script type="text/javascript" src="ipluv_flash.js"></script>
<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"><table id="Table_01" width="1000" height="201" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="banner/banner_main2011_01.png" width="354" height="200" alt=""></td>
<td rowspan="3">
<img src="banner/banner_main2011_02.png" width="306" height="200" alt=""></td>
<td colspan="4">
<img src="banner/banner_main2011_03.png" width="340" height="18" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="banner/banner_main2011_04.png" width="10" height="75" alt=""></td>
<td>
<!--Quang cao-->
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.shareswf.com/media/games/swf/7892.swf" quality="high" width="300" height="70" swliveconnect="true" allowscriptaccess="samedomain" /><!--/Quang cao--></td>
<td>
<img src="banner/banner_main2011_06.png" width="30" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="banner/banner_main2011_07.png" width="8" height="107" alt=""></td>
<td colspan="3">
<img src="banner/banner_main2011_08.png" width="332" height="107" alt=""></td>
</tr>
<tr>
<td>
<img src="banner/spacer.gif" width="354" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="306" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="300" height="1" alt=""></td>
<td>
<img src="banner/spacer.gif" width="30" height="1" alt=""></td>
</tr>
</table>
</a></div>
<div><a name="top" href="forum.php" class="logo-image"><img src="images/styles/k89/banner_login.jpg" alt="Cộng Đồng Teen HY - K89 - Relax Channel - Powered by vBulletin" /></a></div>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw 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" 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="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="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<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" checked=checked"/> {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");
YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");
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='black';
}
}
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='#828282';
}
}
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 class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
</div>
<!-- logo -->
</head>
<body>
</body>
<center>
<div id="container"></div>
<script type="text/javascript" src="http://kenh89.com/banner/swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("http://kenh89.com/banner/imagerotator.swf","rotator","1000","300","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("allowscriptaccess","always");
s1.addVariable("shownavigation","false");
s1.addVariable("wmode","transparent");
s1.addVariable("linkfromdisplay","true");
s1.addVariable("linktarget","_blank");
s1.addVariable("file","http://kenh89.com/errors/404.xml");
s1.addVariable("width","1000");
s1.addVariable("height","300");
s1.write("container");
</script>
</center>
<!-- /logo -->
Một lần nữa xin chân thành cảm ơn