Trang Chính
demo:
trước
[Only admins are allowed to see this image]
sau
[Only admins are allowed to see this image]
hướng dẫn:
bỏ code sau vào header nơi mà muốn hiện (VD:)
trước
[Only admins are allowed to see this image]
sau
[Only admins are allowed to see this image]
hướng dẫn:
bỏ code sau vào header nơi mà muốn hiện (VD:)
- Code:
<div class="login-top" style="float:right;">
<!-- BEGIN switch_user_logged_out -->
<form action="/login" method="post" name="form_login" id="login-vds">
<input class="login-input" id="id-login" type="text" size="10" name="username" value="Tài Khoản" onfocus="if (this.value == 'Tài Khoản') this.value = '';" />
<br />
<input class="login-input" id="pw-login" type="password" size="10" name="password" value="Mật Khẩu" onfocus="if (this.value == 'Mật Khẩu') this.value = '';" />
<div>
<input id="ok-login" class="mainoption" type="submit" name="login" value="Đăng Nhập" />
</div>
<div id="ck-login"><span class="gensmall">Ghi Nhớ</span> <input class="radio" type="checkbox" name="autologin" /></div>
</form>
<script type="text/javascript">//<![CDATA[$(function(){$('#login-vds').attr('action','/login?redirect='+this.location.pathname);});//]]></script>
<br />
<span style="font-weight:bold;padding-right:15px;">
<a href="/register">Đăng Ký</a>
</span>
<span style="font-weight:bold;">
<a href="/profile?mode=sendpassword">Quên Mật Khẩu</a>
</span>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div style="width: 120px;float:left;margin-left: 130px;margin-top: -17px;">
<div class="menuitem-login">
<img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png">
<a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}</a>
</div>
<div class="menuitem-login">
<img src="http://i43.servimg.com/u/f43/17/43/09/69/group10.png">
<a href="/profile?mode=editprofile">Thông Tin Cá Nhân</a>
</div>
<div class="menuitem-login">
<img src="http://i43.servimg.com/u/f43/17/43/09/69/eye10.png">
<a href="/profile?mode=editprofile&page_profil=avatars">Đổi Avatar</a>
</div>
<div class="menuitem-login">
<img src="http://i43.servimg.com/u/f43/17/43/09/69/deskto10.png">
<a href="/profile?mode=editprofile&page_profil=signature">Sữa Chữ Ký</a>
</div>
<div class="menuitem-login">
<img src="http://i43.servimg.com/u/f43/17/43/09/69/user_s10.png">
<a href="/login?logout">Thoát</a>
</div>
</div>
<!-- END switch_user_logged_in -->
</div>
- Code:
/*Meminfo-login-top */
.login-top {
width: 318px;
background-color: none;
height: 95px;
top: 10px;
float:right;
padding: 25px;
color: yellow;
line-height:120%;
}
.login-in-put , #id-login {
width: 130px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
.login-in-put , #pw-login {
width: 130px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
#ok-login {
float: right;
height: 49px;
width: 90px;
margin: -56px 5px 0 0;
background-color: #ffffff;
border-radius: 3px;
border: 0;
cursor: pointer;
color: #000;
font-weight:bold;
}
#ck-login {
float: right;
margin: 5px;
color: #fff;
font-size:10pt;
font-weight:bold;
}
.menuitem-login {
background-color: #fff;
border: 1px solid #ddd;
padding:2px 3px 2px 3px;
border-radius: 2px;
margin: 2px;
text-align:left;
font-weight: bold;
width: 160px;
}
.menuitem-login a {
color: #000;
font-weight: bold;
}